@charset "utf-8"; /*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } audio, canvas, video { display: inline-block } .old-ie audio, .old-ie canvas, .old-ie video { display: inline; zoom: 1 } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } * { padding: 0; margin: 0 } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:active, a:focus, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } code, kbd, pre, samp { font-family: monospace, serif; font-family: 'courier new', monospace } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:after, q:before { content: ''; content: none } small { font-size: 75% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } dd, dl, menu, ol, ul { list-style: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } figure, form { margin: 0 } legend { border: 0; padding: 0; white-space: normal } .old-ie legend { margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline } .old-ie button, .old-ie input, .old-ie select, .old-ie textarea { vertical-align: middle } button, input { line-height: normal } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } .old-ie button, .old-ie input[type=button], .old-ie input[type=reset], .old-ie input[type=submit] { overflow: visible } button[disabled], input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } .old-ie input[type=checkbox], .old-ie input[type=radio] { height: 13px; width: 13px } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } .formError { position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000 } .ajaxSubmit { padding: 10px; text-align: center; border: 1px solid #999; display: none } .formError .formErrorContent { background: #8a0b2c; color: #fff; width: 165px; font-family: tahoma; font-size: 11px; border: 0 solid #ddd; text-shadow: #f5f5f5; padding: 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } .greenPopup .formErrorContent { background: #33be40 } .blackPopup .formErrorContent { background: #393939; color: #FFF } .formError .formErrorArrow { position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001 } .formError .formErrorArrowBottom { top: 0; margin: -6px } .formError .formErrorArrow div { border: none; height: 1px; background: #8a0b2c; margin: 0 auto; line-height: 0; font-size: 0; display: block } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .formError .formErrorArrow .line10 { width: 15px; border: none } .formError .formErrorArrow .line9 { width: 13px; border: none } .formError .formErrorArrow .line8 { width: 11px } .formError .formErrorArrow .line7 { width: 9px } .formError .formErrorArrow .line6 { width: 7px } .formError .formErrorArrow .line5 { width: 5px } .formError .formErrorArrow .line4 { width: 3px } .formError .formErrorArrow .line3 { width: 1px } .formError .formErrorArrow .line2 { width: 3px; border: none; display: none } .formError .formErrorArrow .line1 { width: 1px; border: none; display: none } .formError .formErrorArrow { border: none } /*! * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme) * Copyright © 2013 Dream-Theme. All rights reserved. */ .wf-container { font-size: 0; line-height: 0; word-spacing: -4px } .footer .widget, .wf-cell, .wf-usr-cell { display: inline-block; vertical-align: top } .ancient-ie .footer .widget, .ancient-ie .wf-cell, .ancient-ie .wf-usr-cell { display: inline; zoom: 1 } .wf-1, .wf-span-12 { width: 100% } .wf-1-2, .wf-2-4, .wf-span-6 { width: 50% } .wf-1-3, .wf-span-4 { width: 33.3333% } .wf-2-3, .wf-span-8 { width: 66.6667% } .sidebar, .wf-1-4, .wf-span-3 { width: 25% } .content, .wf-3-4, .wf-span-9 { width: 75% } .wf-1-5 { width: 20% } .wf-1-6, .wf-span-2 { width: 16.6667% } .wf-span-1, .wf-span-10 { width: 83.3333% } .wf-span-7 { width: 58.3333% } .wf-table { display: table; width: 100% } .wf-tr { display: table-row } .wf-td { display: table-cell; vertical-align: middle } .wf-float-left { float: left } .wf-float-right { float: right } .content, .footer .widget, .sidebar, .wf-cell, .wf-usr-cell { padding: 0 22px } .wf-container, .wf-container-main { margin: 0 -22px; padding: 0 } .wf-wrap { max-width: 100%; padding: 0 44px; margin: 0 auto } .vc_row:not(.vc_gitem_row):not(.vc_grid) { margin-left: -22px; margin-right: -22px } .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-lg-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-md-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-sm-9, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-1, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-10, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-11, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-12, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-2, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-3, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-4, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-5, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-6, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-7, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-8, .vc_row:not(.vc_gitem_row):not(.vc_grid) .vc_col-xs-9 { padding-left: 22px; padding-right: 22px } /*!-Misk*/ #page .rsBullet:after, #phantom .ph-wrap .ph-wrap-content, .content, .dt-mega-menu .sub-nav .dt-mega-parent, .footer .widget, .instagram-photos a, .no-touch .rollover-content-container, .rsHomePorthole .progress-wrapper, .rsHomePorthole .progress-wrapper *, .rsHomePorthole .rsCapt, .shortcode-action-box.box-style-table, .shortcode-banner-bg, .shortcode-single-caption, .sidebar, .tp-bullets.custom .bullet:after, .tp-bullets.custom .bullet:before, .wf-cell, .wf-usr-cell, .wf-wrap, .wpb_tabs_nav a, input[type=password], input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box } #branding .mobile-logo, #header .mini-search .searchsubmit, #header.hidden-header, #header.sub-downwards .sub-nav li.has-children.level-arrows-on:after, #main-slideshow-content, #page .btn-light:after, #respond #submit, .albums .rollover.rollover-thumbnails-on i:after, .benefits-grid br, .benefits-grid>.wf-cell, .btn-3d .dt-btn.btn-light:after, .btn-3d .dt-btn.btn-light:before, .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu, .dt-albums-shortcode .rollover.rollover-thumbnails-on i:after, .dt-mega-menu .sub-nav .dt-mega-parent:before, .dt-mega-menu .sub-nav .dt-mega-parent:first-child:before, .dt-mega-menu .sub-nav li.has-children:after, .dt-mega-menu .sub-nav li:before, .dt-parent-menu-clickable .dl-menuwrapper li.has-children>a:after, .dt-style-um #phantom, .entry-meta>a:first-child:after, .entry-meta>span:first-child:after, .fancy-date span:first-child:before, .format-aside .details, .format-link .details, .format-quote .details, .format-status .details, .header-side-left #top-bar .mini-nav ul, .header-side-right #top-bar .mini-nav ul, .logo-side #main-nav>li.has-children>a span:not(.text-wrap):after, .logos-grid>.wf-cell, .main-gradient, .menu-back, .menu-close, .mini-nav ul, .no-js .dl-menuwrapper li.dl-back, .page-title .hr-breadcrumbs .breadcrumbs:after, .photo-scroller.disable-thumbs .hide-thumb-btn, .photo-scroller.disable-thumbs .scroller-thumbnails, .portfolio-categories>a:first-child:after, .portfolio-categories>span:first-child:after, .royalSlider>li, .sidebar-none .sidebar, .single .article-top-bar .entry-meta a:after, .single .article-top-bar .entry-meta>span:after, .single .article-top-bar .portfolio-categories a:after, .single .article-top-bar .portfolio-categories>span:after, .single-portfolio .breadcrumbs li:last-child, .single-post .breadcrumbs li:last-child, .slider-content>li, .sub-nav li.hide-mega-title>a, .sub-nav li:first-child:before, .touch .fs-entry i, .touch .rollover-content.hide-content, .wf-mobile-visible, .wf-phone-visible { display: none } #bottom-bar .sub-nav a:hover, #bottom-bar a, #top-bar .sub-nav a:hover, #top-bar a, #top-bar a:hover, .breadcrumbs a, .clear-form, .comment-meta a, .comment-reply-link, .entry-meta span a, .fn a, .header-bottom-bar a, .links-hovers-disabled .portfolio-categories>a:hover, .links-hovers-disabled .portfolio-categories>span a:hover, .navigation-inner a, .pingback a, .portfolio-categories>span a, .project-details, .project-link, .project-zoom, .text-near-logo .mini-nav a, .vc-item .vc_read_more { text-decoration: none } #bottom-bar a:hover, #reply-title small a:hover, #top-bar .mini-login a:hover, #top-bar .mini-nav>ul>li>a:hover, #top-bar .mini-search .submit:hover, #top-bar a:hover, .breadcrumbs a:hover, .btn-link:hover, .btn-zoom:hover, .clear-form:hover, .comment-meta a:hover, .comment-reply-link:hover, .custom-menu a:hover, .entry-meta a:hover, .header-bottom-bar .menu-select:hover, .header-bottom-bar .mini-login a:hover, .header-bottom-bar .mini-search .submit:hover, .header-bottom-bar a:hover, .link.btn-link:hover, .menu a:hover, .menu-select:hover, .navigation-inner a:hover, .pingback a:hover, .portfolio-categories a:hover, .project-details:hover, .project-link:hover, .project-zoom:hover, .recent-posts a:hover, .text-near-logo .mini-login a:hover, .text-near-logo .mini-nav>ul>li>a:hover, .text-near-logo .mini-search .submit:hover, .vc-item .vc_read_more:hover, .widget .tp_recent_tweets .twitter_time:hover { text-decoration: underline } /*!-Misk:end*/ .ancient-ie .ie-fix { display: inline; zoom: 1 } /*! * The7 Framework main stylesheet by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme) * Copyright © 2013 Dream-Theme. All rights reserved. */ /*! * Property Ordering: * - Display * - Positioning * - Box model * - Colors and Typography * - Other */ .royalSlider { overflow: hidden } @-webkit-keyframes mk_scale { 0% { -webkit-transform: scale(.3); opacity: .1 } 100% { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes mk_scale { 0% { -moz-transform: scale(.3); opacity: .1 } 100% { -moz-transform: scale(1); opacity: 1 } } @-o-keyframes mk_scale { 0% { -o-transform: scale(.3); opacity: .1 } 100% { -o-transform: scale(1); opacity: 1 } } @keyframes mk_scale { 0% { transform: scale(.3); opacity: .1 } 100% { transform: scale(1); opacity: 1 } } @-webkit-keyframes mk_fade { 0% { opacity: .1 } 100% { opacity: 1 } } @-moz-keyframes mk_fade { 0% { opacity: .1 } 100% { opacity: 1 } } @-o-keyframes mk_fade { 0% { opacity: .1 } 100% { opacity: 1 } } @keyframes mk_fade { 0% { opacity: .1 } 100% { opacity: 1 } } @-webkit-keyframes mk_left_to_right { 0% { -webkit-transform: translate(-20px, 0); opacity: 0 } 100% { -webkit-transform: translate(0, 0); opacity: 1 } } @-moz-keyframes mk_left_to_right { 0% { -moz-transform: translate(-20px, 0); opacity: 0 } 100% { -moz-transform: translate(0, 0); opacity: 1 } } @-o-keyframes mk_left_to_right { 0% { -o-transform: translate(-20px, 0); opacity: 0 } 100% { -o-transform: translate(0, 0); opacity: 1 } } @keyframes mk_left_to_right { 0% { transform: translate(-20px, 0); opacity: 0 } 100% { transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_right_to_left { 0% { -webkit-transform: translate(20px, 0); opacity: 0 } 100% { -webkit-transform: translate(0, 0); opacity: 1 } } @-moz-keyframes mk_right_to_left { 0% { -moz-transform: translate(20px, 0); opacity: 0 } 100% { -moz-transform: translate(0, 0); opacity: 1 } } @-o-keyframes mk_right_to_left { 0% { -o-transform: translate(20px, 0); opacity: 0 } 100% { -o-transform: translate(0, 0); opacity: 1 } } @keyframes mk_right_to_left { 0% { transform: translate(20px, 0); opacity: 0 } 100% { transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_bottom_to_top { 0% { -webkit-transform: translate(0, 20px); opacity: 0 } 100% { -webkit-transform: translate(0, 0); opacity: 1 } } @-moz-keyframes mk_bottom_to_top { 0% { -moz-transform: translate(0, 20px); opacity: 0 } 100% { -moz-transform: translate(0, 0); opacity: 1 } } @-o-keyframes mk_bottom_to_top { 0% { -o-transform: translate(0, 20px); opacity: 0 } 100% { -o-transform: translate(0, 0); opacity: 1 } } @keyframes mk_bottom_to_top { 0% { transform: translate(0, 20px); opacity: 0 } 100% { transform: translate(0, 0); opacity: 1 } } @-webkit-keyframes mk_top_to_bottom { 0% { -webkit-transform: translate(0, -20px); opacity: 0 } 100% { -webkit-transform: translate(0, 0); opacity: 1 } } @-moz-keyframes mk_top_to_bottom { 0% { -moz-transform: translate(0, -20px); opacity: 0 } 100% { -moz-transform: translate(0, 0); opacity: 1 } } @-o-keyframes mk_top_to_bottom { 0% { -o-transform: translate(0, -20px); opacity: 0 } 100% { -o-transform: translate(0, 0); opacity: 1 } } @keyframes mk_top_to_bottom { 0% { transform: translate(0, -20px); opacity: 0 } 100% { transform: translate(0, 0); opacity: 1 } } .no-touch .animate-element { opacity: 0; -webkit-perspective: 1000 } .ie-mobile .animate-element, .no-cssanimations .animate-element.start-animation, .skills.animate-element, .touch #main .wpb_animate_when_almost_visible { opacity: 1 } .no-touch #page .animate-element.start-animation.scale-up, .no-touch #page .wpb_start_animation.wpb_appear, .no-touch .animate-element.start-animation.scale-up { -webkit-animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); -moz-animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); -o-animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_scale .5s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .no-touch #page .animate-element.start-animation.fade-in, .no-touch .animate-element.start-animation.fade-in { -webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -moz-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -o-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .no-touch #main .wpb_start_animation.wpb_right-to-left, .no-touch #page .animate-element.start-animation.right-to-left, .no-touch .animate-element.start-animation.right-to-left { -webkit-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_right_to_left .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .no-touch #main .wpb_start_animation.wpb_left-to-right, .no-touch #page .animate-element.start-animation.left-to-right, .no-touch .animate-element.start-animation.left-to-right { -webkit-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_left_to_right .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .no-touch #main .wpb_start_animation.wpb_top-to-bottom, .no-touch #page .animate-element.start-animation.top-to-bottom, .no-touch .animate-element.start-animation.top-to-bottom { -webkit-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_top_to_bottom .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .no-touch #main .wpb_start_animation.wpb_bottom-to-top, .no-touch #page .animate-element.start-animation.bottom-to-top, .no-touch .animate-element.start-animation.bottom-to-top { -webkit-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); -moz-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); -o-animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); animation: mk_bottom_to_top .6s 1 cubic-bezier(.77, 0, .175, 1); opacity: 1 } .no-touch .animate-element.start-animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes dt_bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes dt_bounce { 0%, 100%, 20%, 53%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-transition-timing-function: cubic-bezier(.755, .050, .855, .060); transition-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .no-touch #page .animate-element.start-animation.bounce, .no-touch .animate-element.start-animation.bounce { -webkit-animation-name: dt_bounce; animation-name: dt_bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; opacity: 1 } @-webkit-keyframes dt_flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes dt_flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .no-touch .animate-element.start-animation.flash { -webkit-animation-name: dt_flash; animation-name: dt_flash } @-webkit-keyframes dt_pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes dt_pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .no-touch .animate-element.start-animation.pulse { -webkit-animation-name: dt_pulse; animation-name: dt_pulse; opacity: 1 } @-webkit-keyframes dt_rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes dt_rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); -ms-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); -ms-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); -ms-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); -ms-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); -ms-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .no-touch .animate-element.start-animation.rubberBand { -webkit-animation-name: dt_rubberBand; animation-name: dt_rubberBand; opacity: 1 } @-webkit-keyframes dt_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes dt_shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .no-touch .animate-element.start-animation.shake { -webkit-animation-name: dt_shake; animation-name: dt_shake; opacity: 1 } @-webkit-keyframes dt_swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes dt_swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .no-touch .animate-element.start-animation.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: dt_swing; animation-name: dt_swing; opacity: 1 } @-webkit-keyframes dt_tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes dt_tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .no-touch .animate-element.start-animation.tada { -webkit-animation-name: dt_tada; animation-name: dt_tada; opacity: 1 } @-webkit-keyframes dt_wobble { 0% { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; transform: none } } @keyframes dt_wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } 100% { -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.wobble { -webkit-animation-name: dt_wobble; animation-name: dt_wobble; opacity: 1 } @-webkit-keyframes dt_bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes dt_bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .no-touch .animate-element.start-animation.bounceIn { -webkit-animation-name: dt_bounceIn; animation-name: dt_bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; opacity: 1 } @-webkit-keyframes dt_bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes dt_bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 100% { -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.bounceInDown { -webkit-animation-name: dt_bounceInDown; animation-name: dt_bounceInDown; opacity: 1 } @-webkit-keyframes dt_bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes dt_bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } 100% { -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.bounceInLeft { -webkit-animation-name: dt_bounceInLeft; animation-name: dt_bounceInLeft; opacity: 1 } @-webkit-keyframes dt_bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes dt_bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.bounceInRight { -webkit-animation-name: dt_bounceInRight; animation-name: dt_bounceInRight; opacity: 1 } @-webkit-keyframes dt_bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes dt_bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .no-touch .animate-element.start-animation.bounceInUp { -webkit-animation-name: dt_bounceInUp; animation-name: dt_bounceInUp; opacity: 1 } @-webkit-keyframes dt_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes dt_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .no-touch .animate-element.start-animation.fadeIn { -webkit-animation-name: dt_fadeIn; animation-name: dt_fadeIn } @-webkit-keyframes dt_fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInDown { -webkit-animation-name: dt_fadeInDown; animation-name: dt_fadeInDown } @-webkit-keyframes dt_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInDownBig { -webkit-animation-name: dt_fadeInDownBig; animation-name: dt_fadeInDownBig } @-webkit-keyframes dt_fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInLeft { -webkit-animation-name: dt_fadeInLeft; animation-name: dt_fadeInLeft } @-webkit-keyframes dt_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInLeftBig { -webkit-animation-name: dt_fadeInLeftBig; animation-name: dt_fadeInLeftBig } @-webkit-keyframes dt_fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInRight { -webkit-animation-name: dt_fadeInRight; animation-name: dt_fadeInRight } @-webkit-keyframes dt_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInRightBig { -webkit-animation-name: dt_fadeInRightBig; animation-name: dt_fadeInRightBig } @-webkit-keyframes dt_fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInUp { -webkit-animation-name: dt_fadeInUp; animation-name: dt_fadeInUp } @-webkit-keyframes dt_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.fadeInUpBig { -webkit-animation-name: dt_fadeInUpBig; animation-name: dt_fadeInUpBig } @-webkit-keyframes dt_flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes dt_flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px) } } .no-touch .animate-element.start-animation.flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: dt_flipInX; animation-name: dt_flipInX; opacity: 1 } @-webkit-keyframes dt_flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes dt_flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px) } } .no-touch .animate-element.start-animation.flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: dt_flipInY; animation-name: dt_flipInY; opacity: 1 } @-webkit-keyframes dt_rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.rotateIn { -webkit-animation-name: dt_rotateIn; animation-name: dt_rotateIn } @-webkit-keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.rotateInDownLeft { -webkit-animation-name: dt_rotateInDownLeft; animation-name: dt_rotateInDownLeft } @-webkit-keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.rotateInDownRight { -webkit-animation-name: dt_rotateInDownRight; animation-name: dt_rotateInDownRight } @-webkit-keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.rotateInUpLeft { -webkit-animation-name: dt_rotateInUpLeft; animation-name: dt_rotateInUpLeft } @-webkit-keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.rotateInUpRight { -webkit-animation-name: dt_rotateInUpRight; animation-name: dt_rotateInUpRight } @-webkit-keyframes dt_rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes dt_rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .no-touch .animate-element.start-animation.rollIn { -webkit-animation-name: dt_rollIn; animation-name: dt_rollIn } @-webkit-keyframes dt_rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes dt_rollOut { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .no-touch .animate-element.start-animation.rollOut { -webkit-animation-name: dt_rollOut; animation-name: dt_rollOut; opacity: 1 } @-webkit-keyframes dt_zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes dt_zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .no-touch .animate-element.start-animation.zoomIn { -webkit-animation-name: dt_zoomIn; animation-name: dt_zoomIn; opacity: 1 } @-webkit-keyframes dt_zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .no-touch .animate-element.start-animation.zoomInDown { -webkit-animation-name: dt_zoomInDown; animation-name: dt_zoomInDown; opacity: 1 } @-webkit-keyframes dt_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .no-touch .animate-element.start-animation.zoomInLeft { -webkit-animation-name: dt_zoomInLeft; animation-name: dt_zoomInLeft; opacity: 1 } @-webkit-keyframes dt_zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .no-touch .animate-element.start-animation.zoomInRight { -webkit-animation-name: dt_zoomInRight; animation-name: dt_zoomInRight; opacity: 1 } @-webkit-keyframes dt_zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes dt_zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .no-touch .animate-element.start-animation.zoomInUp { -webkit-animation-name: dt_zoomInUp; animation-name: dt_zoomInUp; opacity: 1 } @-webkit-keyframes dt_lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes dt_lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); -ms-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .no-touch .animate-element.start-animation.lightspeedIn { -webkit-animation-name: dt_lightSpeedIn; animation-name: dt_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .touch #main .wpb_start_animation.wpb_appear, .touch #main .wpb_start_animation.wpb_bottom-to-top, .touch #main .wpb_start_animation.wpb_left-to-right, .touch #main .wpb_start_animation.wpb_right-to-left, .touch #main .wpb_start_animation.wpb_top-to-bottom { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1 } body.responsive-off { min-width: 998px } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; clear: both } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none } p { margin-bottom: 10px } .content ol, .content ul { margin: 0 0 10px 20px } .fa-ul li { list-style: none } .content .widget ol, .content .widget ul { margin: 0 } .content ul { list-style: disc } .content ol { list-style-type: decimal } .content table { border-bottom: 1px solid transparent; width: 100%; margin: 0 0 10px } .content table caption { margin: 10px 0 } .content td, .content th { border-top: 1px solid transparent; padding: 5px 10px 5px 5px } .content th { text-align: left } .widget-title { margin-bottom: 15px; clear: both } input[type=password], input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], select, textarea { margin-bottom: 10px; padding: 7px 15px; border: 1px solid #e0e1e1; background-color: #fbfcfc; color: #b8bcbe } .style-ios .form-fields { margin-bottom: 10px; max-width: 100%; border: 1px solid #eaeaea; clear: both } .style-ios #comments .form-fields, .style-ios .comment-form-author input, .style-ios .comment-form-email input, .style-ios .comment-form-url input { max-width: 270px } .style-ios .form-fields input { margin: 0; border: none; border-top: 1px solid #eaeaea; background-color: #fbfcfc } .style-ios textarea { background-color: #fbfcfc; border-color: #eaeaea } .style-ios .contact-form textarea { margin-top: 10px } .style-ios .form-fields span:first-child input { border-top: none } input[type=password]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=range]:focus, textarea:focus { color: #7b8083!important } .stripe .wpcf7-form-control-wrap, .stripe .wpcf7-form-control-wrap *, .stripe input[type=password], .stripe input[type=text], .stripe input[type=tel], .stripe input[type=url], .stripe input[type=email], .stripe input[type=number], .stripe input[type=date], .stripe input[type=range], .stripe select, .stripe textarea { color: #b8bcbe } .form-fields input, .login-password input, .login-username input { width: 100% } .login-remember { overflow: hidden } .login-remember label { float: left } #rememberme { float: right; margin-top: 4px; margin-left: 5px } .comment-form .form-fields { margin-right: -10px } .style-minimal .comment-form .form-fields>span { float: left; width: 33.333%; padding-right: 10px } .dt-form .form-fields>span { display: block } .comment-form .form-fields>span input { max-width: 100% } input[type=password], input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b8bcbe } input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder { color: #b8bcbe } input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder { color: #b8bcbe } input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b8bcbe } input[type=password]:input-placeholder, input[type=text]:input-placeholder, textarea:input-placeholder { color: #b8bcbe } .form-message { display: block; margin-bottom: 10px } #main .ui-widget-content, .dt-mega-menu .sub-nav ul:after, .dt-mega-parent.new-row, .gap, .gap-10, .gap-20, .gap-30, .gap-40, .hr-thick, .hr-thin, .sidebar-left .wf-wrap:after, .sidebar-right .wf-wrap:after, .vc_empty_space { clear: both } .post .rollover, .post .rollover-video, .post img, img[class*=align], img[class*=wp-image-], img[class*=attachment-] { max-width: 100%; height: auto } .items-grid .alignleft img, .recent-posts .alignleft img { max-width: inherit; height: inherit } blockquote { padding: 20px 25px; margin: 0 0 10px } .format-status-content { border: none } .alignleft { float: left; margin: 0 30px 10px 0 } #footer .alignleft, #sidebar .alignleft { margin-right: 20px } .alignright { float: right; margin: 0 0 10px 30px } #footer .alignright, #sidebar .alignright { margin-left: 20px } .aligncenter { display: block; margin: 0 auto 10px } .alignnone { float: none; margin: 0 auto 10px } .shortcode-single-image-wrap.aligncenter, .shortcode-single-image-wrap.alignnone { margin-left: auto!important; margin-right: auto!important } .hr-thick { height: 1px; line-height: 1px; border-bottom-style: solid; border-bottom-width: 5px; margin: 0 auto } .hr-thin { height: 9px; line-height: 9px; margin: 0 auto } .divider-heder, .layout-list .divider-heder, .layout-masonry .divider-heder, .page .divider-heder, .single .divider-heder { margin: 25px 0 36px } .divider-comments { margin: 0 0 35px } .divider-post { margin: 10px 0 20px } #main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type=submit], #main-slideshow .tp-button, .dt-btn, .dt-form button, .nsu-submit, a.button, div.mc4wp-form button[type=submit], form.mc4wp-form input[type=submit], input[type=button], input[type=reset], input[type=submit] { position: relative; top: 0; display: inline-block; padding-bottom: 2px; border: none; text-decoration: none; white-space: nowrap } #page .dt-btn, #page .dt-btn:last-child { margin-right: 10px; margin-bottom: 10px } button, button.button, input.button, input[type=button], input[type=reset], input[type=submit] { padding-top: 4px; padding-bottom: 6px; border: none } input[type=submit] { padding-top: 9px; padding-bottom: 9px } #page .btn-link { padding: 0 } .btn-link { display: inline-block; margin-right: 10px; text-decoration: none; white-space: nowrap } .btn-link .fa, .dt-btn .fa { color: inherit } .dt-btn-m .fa, .dt-btn-s .fa { margin-right: 8px } .dt-btn-l .fa { margin-right: 9px } .dt-btn-m.ico-right-side .fa, .dt-btn-s.ico-right-side .fa { margin-right: 0; margin-left: 8px } .dt-btn-l.ico-right-side .fa { margin-right: 0; margin-left: 9px } .btn-3d .dt-btn:not(.btn-light), .btn-3d a.button, .btn-3d button.button, .btn-3d input[type=button], .btn-3d input[type=reset], .btn-3d input[type=submit] { position: relative; -webkit-transition: none; -moz-transition: none; transition: none } .btn-3d .dt-btn, .btn-3d a.button, .btn-3d button.button, .btn-3d input[type=button], .btn-3d input[type=reset], .btn-3d input[type=submit] { border-bottom: 2px solid red } .btn-3d .dt-btn:hover, .btn-3d a.button:hover, .btn-3d button.button:hover, .btn-3d input[type=button]:hover, .btn-3d input[type=reset]:hover, .btn-3d input[type=submit]:hover { top: 1px; border-bottom: 1px solid red } .btn-3d .dt-btn:active, .btn-3d a.button:active, .btn-3d button.button:active, .btn-3d input[type=button]:active, .btn-3d input[type=reset]:active, .btn-3d input[type=submit]:active { top: 2px; border-bottom: none } .btn-3d #page .dt-btn:not(.btn-light):hover, .btn-3d #page .dt-btn:not(.btn-light):last-child:hover { margin-bottom: 11px } .btn-3d a.button:hover, .btn-3d button.button:hover, .btn-3d input[type=button]:hover, .btn-3d input[type=reset]:hover, .btn-3d input[type=submit]:hover { margin-bottom: 1px } .btn-3d #page .dt-btn:not(.btn-light):active, .btn-3d #page .dt-btn:not(.btn-light):last-child:active { margin-bottom: 12px } .btn-3d .dt-btn.btn-light:active, .btn-3d .dt-btn.btn-light:hover { top: 0; margin-bottom: 0 } #page .btn-light { display: inline-block; text-decoration: none; border: none } .boxes-transparent-bg #page .btn-light, .style-ios.boxes-transparent-bg #page .stripe-solid-bg .btn-light { -webkit-box-shadow: none; box-shadow: none } .ancient-ie .dt-btn, .ancient-ie .dt-form button, .ancient-ie .dt-form input[type=button], .ancient-ie .dt-form input[type=reset], .ancient-ie .dt-form input[type=submit] { display: inline; zoom: 1 } .btn-ios #main .gform_wrapper .gform_footer input.button, .btn-ios #main .gform_wrapper .gform_footer input[type=submit], .btn-ios #main button.button, .btn-ios #main input.button, .btn-ios #main-slideshow .tp-button, .btn-ios .dt-btn, .btn-ios .nsu-submit, .btn-ios a.button, .btn-ios button, .btn-ios div.mc4wp-form button[type=submit], .btn-ios input[type=button], .btn-ios input[type=reset], .btn-ios input[type=submit] { position: relative; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2); box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .2) } .btn-ios .mfp-container button { position: absolute; -webkit-box-shadow: none; box-shadow: none } .btn-ios #main input.button:after, .btn-ios .dt-btn:after, .btn-ios a.button:after, .btn-ios button:not(.mfp-arrow):after, .btn-ios input[type=button]:after, .btn-ios input[type=reset]:after, .btn-ios input[type=submit]:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, .1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .14) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .1) 100%) } .btn-ios .mfp-container button.mfp-close:after { display: none } .btn-ios #main input.button:hover:after, .btn-ios .dt-btn:hover:after, .btn-ios a.button:hover:after, .btn-ios button:hover:after, .btn-ios input[type=button]:hover:after, .btn-ios input[type=reset]:hover:after, .btn-ios input[type=submit]:hover:after { background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, rgba(255, 255, 255, 0) 100%) } #main-slideshow .tp-button { padding-top: 0; letter-spacing: normal } #main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type=submit], .wpcf7-submit.dt-btn-m, div.mc4wp-form button[type=submit], form.mc4wp-form input[type=submit] { padding: 6px 0 8px } #main .gform_wrapper .gform_footer input.button:hover, #main .gform_wrapper .gform_footer input[type=submit]:hover, #main button.button:hover, #main input.button:hover, #main-slideshow .tp-button:hover, .dt-btn:hover, .dt-form button:hover, .nsu-submit:hover, div.mc4wp-form button[type=submit]:hover, form.mc4wp-form input[type=submit]:hover, input.wpcf7-submit.dt-btn-m[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { text-decoration: none } .btn-flat .dt-btn, .btn-flat a.button, .btn-flat button.button, .btn-flat input[type=button], .btn-flat input[type=reset], .btn-flat input[type=submit] { position: relative } .btn-flat .dt-btn:after, .btn-flat a.button:after, .btn-flat button.button:after, .btn-flat input[type=button]:after, .btn-flat input[type=reset]:after, .btn-flat input[type=submit]:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; border-radius: inherit } .btn-flat .dt-btn:hover:after, .btn-flat a.button:hover:after, .btn-flat button.button:hover:after, .btn-flat input[type=button]:hover:after, .btn-flat input[type=reset]:hover:after, .btn-flat input[type=submit]:hover:after { background-color: rgba(255, 255, 255, .2) } .btn-flat .dt-btn:active:after, .btn-flat a.button:active:after, .btn-flat button.button:active:after, .btn-flat input[type=button]:active:after, .btn-flat input[type=reset]:active:after, .btn-flat input[type=submit]:after { background-color: rgba(0, 0, 0, .2) } .dt-btn { -webkit-tap-highlight-color: transparent } .rippleAnimate { background: rgba(255, 255, 255, .25) } .btn-light .rippleAnimate, .light-hover-bg.icons-bg .rippleAnimate { background: rgba(0, 0, 0, .1) } .ripple>span:first-child { display: block } .dt-btn.ripple:not(.btn-light)>span { color: #fff!important } #page { position: relative; overflow: hidden } .footer-overlap #page { background: 0 0 } #page.boxed { max-width: 1320px; margin: 0 auto } .assistive-text { position: absolute!important; clip: rect(1px, 1px, 1px, 1px) } #header { position: relative; z-index: 101 } .transparent.disabled-transparent-bg #header.content-width-line:not(.logo-side), .transparent.disabled-transparent-bg #header:not(.logo-side) { background: 0 0!important } .transparent.disabled-transparent-bg #header.content-width-line.light-top-bar:not(.logo-side)>.wf-wrap>.wf-table, .transparent.disabled-transparent-bg #header.full-width-line.light-top-bar:not(.logo-side) { border-color: rgba(255, 255, 255, .12) } .transparent.disabled-transparent-bg #header.content-width-line.dark-top-bar:not(.logo-side)>.wf-wrap>.wf-table, .transparent.disabled-transparent-bg #header.full-width-line.dark-top-bar:not(.logo-side) { border-color: rgba(0, 0, 0, .08) } #header.logo-side .wf-wrap { width: auto } #header.menu-centered.logo-left .wf-wrap { width: 100% } .transparent:not(.photo-scroller-album) #header { position: absolute; width: 100%; z-index: 101; border: none } #header.logo-side { position: fixed; top: 0; height: 100%; z-index: 110 } .admin-bar #header.logo-side { top: 32px } .header-side-right #header { right: 0; left: auto } .logo-side .wf-wrap { height: 100% } .header-bottom-bar { position: absolute; bottom: 0; width: 100% } #top-bar { position: relative; margin-top: 0 } .logo-side #top-bar { z-index: 2 } #header .header-bottom-bar *, #top-bar * { font-size: inherit; line-height: inherit } #top-bar.top-bar-empty { position: absolute; visibility: hidden } .header-side-left #top-bar, .header-side-left .header-bottom-bar, .header-side-right #top-bar, .header-side-right .header-bottom-bar { text-align: center } .transparent #top-bar { margin-bottom: -1px } #top-bar .wf-float-left p, .header-bottom-bar .wf-float-left p { margin-bottom: 0 } #bottom-bar .wf-float-left, #top-bar .wf-float-left, .header-bottom-bar .wf-float-left { margin-right: 40px } #bottom-bar .wf-float-left:last-of-type, #top-bar .wf-float-left:last-of-type, .header-bottom-bar .wf-float-left:last-of-type { margin-right: 0 } #bottom-bar .wf-float-right, #top-bar .wf-float-right, .header-bottom-bar .wf-float-right { margin-left: 40px } .right-block { text-align: right } #header .soc-ico { display: inline-block; vertical-align: middle } #top-bar .right-block:after, #top-bar .right-block:before, .header-bottom-bar .right-block:after { content: ""; display: table; clear: both } #bottom-bar { position: relative; z-index: 9; min-height: 30px; margin: 0 auto } #bottom-bar .wf-table { height: 60px } #bottom-bar .wf-td p { margin-bottom: 0 } .bottom-text-block { text-align: right } #branding-bottom { width: 1px; padding: 10px 10px 10px 0; line-height: 0; font-size: 0 } .mini-contacts { position: relative; display: inline-block; vertical-align: middle; padding-left: 18px; margin: 0; background-repeat: no-repeat; background-position: 0 center; white-space: nowrap } .logo-side .mini-contacts { white-space: normal } .mini-contacts.address, .mini-contacts.clock, .mini-contacts.email, .mini-contacts.skype { padding-left: 22px } .mini-nav li { position: relative; display: inline-block; vertical-align: middle } .mini-nav>ul>li { margin: 0 16px 0 0 } .mini-nav li:last-child { margin-right: 0 } .mini-nav li:first-child:before { border-left: none } .mini-nav select { min-width: 100px; height: 0 } #page .mini-nav select option { color: #b8bcbe!important } .mini-lang { position: relative } .mini-lang li { display: inline-block; margin-right: 20px; white-space: nowrap } .ancient-ie .mini-lang li { display: inline; zoom: 1 } .mini-lang li:last-child { margin-right: 0 } .mini-lang img { margin: 0 5px 2px 0; vertical-align: middle } #header .mini-search.act { position: relative; z-index: 1002 } #header .mini-search { position: relative; display: inline-block; vertical-align: middle; z-index: 10 } .searchform { position: relative; z-index: 3 } #header .mini-search .field { position: absolute; right: 6px; top: 38px; width: 290px; height: 50px; background-color: #fff; border: none; font-style: italic; visibility: hidden } #header #top-bar .mini-search .field, .header-side-left #header .mini-search .field { left: 0; right: auto } #header #top-bar .right-block .mini-search .field { left: auto; right: 6px } #header .header-bottom-bar .mini-search .field { top: auto; bottom: 38px } .mini-search .field:focus { outline: 0 } .mini-search .submit, .searchform .submit { display: block; padding-left: 22px; border: none; background-color: transparent; text-decoration: none } .mini-search .submit:before { position: absolute; top: 50%; left: 0; height: 16px; width: 16px; margin-top: -8px; background-position: 0 center; background-repeat: no-repeat; content: "" } #phantom { position: fixed; width: 100%; text-align: center; z-index: 9399; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .33s ease; -moz-transition: opacity .33s ease; -o-transition: opacity .33s ease; -ms-transition: opacity .33s ease; transition: opacity .33s ease } .phantom-fade #phantom { top: 0 } .phantom-slide #phantom { top: -120px } .phantom-slide #phantom.phantom-animate { -webkit-transition: top .33s ease; -moz-transition: top .33s ease; -o-transition: top .33s ease; -ms-transition: top .33s ease; transition: top .33s ease } .admin-bar.phantom-fade #phantom { top: 32px } #phantom.boxed { z-index: 9008 } #phantom .ph-wrap.boxed { width: 100%; max-width: 1320px; margin: 0 auto } #phantom .ph-wrap .ph-wrap-content { max-width: 100%; margin: 0 auto; padding: 0 40px } #phantom .ph-wrap .ph-wrap-inner { position: relative } #phantom .ph-wrap.with-logo .ph-wrap-inner { position: relative; display: table; width: 100% } #phantom .ph-wrap.with-logo .ph-wrap-inner>div { display: table-cell; vertical-align: middle } #phantom .ph-wrap.with-logo .ph-wrap-content .logo-box { padding: 5px 40px 5px 0; text-align: left; line-height: 0 } #phantom .ph-wrap.with-logo .ph-wrap-content .menu-box { text-align: right } #phantom .ph-wrap.with-logo .ph-wrap-content .menu-box #main-nav>li.menu-frame-on.act>a { border: none } #phantom #main-nav { padding: 0; text-align: center } #phantom .ph-wrap.with-logo #main-nav { padding: 0; text-align: right } #phantom.logo-classic .ph-wrap.with-logo #main-nav { float: right } /*!Branding*/ #branding { padding: 10px 0; line-height: 0; font-size: 0 } #branding a img, #branding img { height: auto } .logo-side #branding { text-align: center } .logo-classic #branding, .logo-left #branding { padding-right: 20px } .logo-center nav, .logo-classic nav { position: relative; padding-left: 0; padding-right: 0 } .logo-side #main-nav>li { margin: 0 } .logo-side #main-nav>li>a, .logo-side #main-nav>li>a>.text-wrap { position: relative; display: block } .logo-side #main-nav>li.has-children.level-arrows-on.menu-frame-on>a, .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on.menu-frame-on>a, .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on.menu-frame-on>a.act { background-image: none } .logo-side #main-nav>li.has-children.level-arrows-on.menu-frame-on>a:after { right: 10px; opacity: 1; background-repeat: no-repeat } .header-side-right .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on.menu-frame-on>a:after, .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on.menu-frame-on>a:after { right: 7px; left: auto } .header-side-right .logo-side #main-nav>li.has-children.level-arrows-on.menu-frame-on>a:after { left: 10px; right: auto } .logo-side #main-nav.text-right>li>a { text-align: right } .logo-side #main-nav.text-center>li>a { text-align: center } .logo-side #main-nav>li.has-children.level-arrows-on>a, .logo-side #main-nav>li>a { padding-top: 0; padding-bottom: 0 } .logo-side #main-nav>li:first-child { border-top: none; padding-top: 0 } .logo-side #main-nav>li:last-child { margin-bottom: 0 } .logo-side #main-nav>li.has-children.level-arrows-on:last-child, .logo-side #main-nav>li.has-children:last-child { margin-right: 0 } /*!Logo classic*/ .logo-classic #navigation { display: table; width: 100% } .logo-classic .navigation-holder { width: 100% } .logo-classic .navigation-holder>div { margin: 0 auto; padding: 0 40px } .logo-classic nav:after, .logo-classic nav:before { content: ""; display: table; clear: both } .logo-classic #main-nav { display: table-cell } .logo-classic #navigation .wf-td { text-align: right } .logo-classic #navigation .wf-td .soc-ico a { float: right } .logo-classic #main-nav>li a { position: relative; vertical-align: baseline } .logo-center #main-nav>li.menu-frame-on>a, .logo-classic #main-nav.menu-material-style>li a, .logo-classic #main-nav>li.menu-frame-on a, .logo-left #main-nav>li.menu-frame-on>a { vertical-align: middle } /*!Logo classic:end*/ /*!Logo center*/ .logo-center #top-bar, .logo-center .navigation-holder { text-align: center } .logo-center.full-width-line .navigation-holder, .logo-center.solid-bg .navigation-holder { margin-left: -40px; margin-right: -40px } .logo-classic.full-width-line #navigation, .logo-classic.solid-bg #navigation { border: none } .logo-center #navigation .soc-ico, .logo-center #navigation .wf-td { display: inline-block } .logo-center nav { width: 100% } #header.logo-center .navigation-holder .mini-search, .logo-center #main-nav>li>a { vertical-align: middle } .logo-center #branding, .logo-center #navigation { display: block; text-align: center } /*!Logo center:end*/ /*!Logo left*/ .logo-left #navigation { text-align: right } .logo-left #navigation #main-nav, .logo-left #navigation .right-block { display: inline-block; text-align: right } .logo-left #main-nav>li>a { vertical-align: baseline } .logo-left.menu-centered #branding { padding-right: 20px } /*!Logo left:end*/ .assistive-info { text-align: right } #main-nav { line-height: 0 } #main-nav.text-center, .text-centered { text-align: center } #main-nav.text-right { text-align: right } .logo-center #main-nav, .logo-center #navigation { display: inline-block } #main-nav>li { display: inline-block; position: relative; z-index: auto; vertical-align: middle } #main-nav>li:last-child { margin-right: 0 } #main-nav>li.has-children.level-arrows-on:last-child { margin-right: 11px } .logo-classic #main-nav>li:first-child { margin-left: 0 } .logo-classic #main-nav:not(.menu-material-style)>li:first-child>a { padding-left: 0 } .logo-side #main-nav>li { display: block } .ancient-ie #main-nav>li { float: left; margin: 5px 0 } #main-nav>li>a { display: inline-block; padding: 4px 0 6px; border: 1px solid transparent; text-decoration: none; text-align: left } #main-nav.menu-material-style>li>a, #main-nav.menu-material-underline-style>li>a, #phantom #main-nav.menu-material-style>li:hover>a, #phantom #main-nav.menu-material-underline-style>li:hover>a { border: none } #main-nav.menu-material-underline-style>li>a { vertical-align: top } #main-nav>li.has-children.level-arrows-on>a { padding: 4px 3px 6px 0 } .header-side-left #main-nav.text-right>li.has-children.level-arrows-on>a { padding-right: 12px } #main-nav>li.has-children.level-arrows-on>a span:after, .logo-side #main-nav.text-right>li.has-children.level-arrows-on>a span:after { right: -11px } .header-side-left #main-nav>li.has-children.level-arrows-on>a span:after { right: 0 } .header-side-right #main-nav>li.has-children.level-arrows-on>a span:after { left: -11px } #main-nav li.no-link>a { cursor: default } #main-nav.text-center>li>a, #main-nav>li.has-children.level-arrows-on>a>span { position: relative } #main-nav>li>a span>span.menu-subtitle { margin-bottom: 3px; font-family: Arial, sans-serif; font-style: normal; font-weight: 400; white-space: nowrap } #main-nav.underline-hover>li>a i.underline { position: absolute; display: block; left: 1px; bottom: -5px; overflow: hidden; width: 0; height: 2px!important; max-height: 2px!important; pointer-events: none; background-color: transparent; opacity: .85 } #main-nav.underline-hover.gradient-decor>li.act>a i.underline, #main-nav.underline-hover>li.act>a i.underline, #main-nav.underline-hover>li>a:hover i.underline, .no-touch header:not(.sub-downwards) #main-nav.underline-hover>li:hover>a i.underline { width: 100% } .upwards-effect>li>a>span:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: rgba(0, 0, 0, .1); content: ''; opacity: 0; -webkit-transition: opacity .3s, -webkit-transform .3s; -moz-transition: opacity .3s, -moz-transform .3s; transition: opacity .3s, transform .3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px) } .upwards-effect>li.act>a>span:before, .upwards-effect>li>a:hover>span:before, header:not(.sub-downwards) .upwards-effect>li:hover>a>span:before { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } .downwards-effect>li>a>span:before { position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s; -moz-transition: height .3s, opacity .3s, -moz-transform .3s; transition: height .3s, opacity .3s, transform .3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px) } .downwards-effect>li.act>a>span:before, .downwards-effect>li>a:hover>span:before, header:not(.sub-downwards) .downwards-effect>li:hover>a>span:before { height: 2px; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0) } #phantom #main-nav>li:hover>a { border: 1px solid transparent } .brackets>li>a>span, .downwards-effect>li>a>span, .underline-hover>li>a>span, .upwards-effect>li>a>span { position: relative } .brackets>li>a>span:before { position: absolute; visibility: hidden; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: #000; content: ""; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; opacity: .85 } .brackets>li.act>a>span:before, .brackets>li>a:hover>span:before, header:not(.sub-downwards) .brackets>li:hover>a>span:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1) } #main-nav>li.has-children>a span:after, .logo-side #main-nav>li.has-children>a:after { position: absolute; display: inline-block; top: 50%; width: 8px; height: 8px; margin-top: -4px; content: ""; opacity: .3; background-repeat: no-repeat; background-position: right center } .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on>a:after { right: 0; opacity: 1 } .header-side-right .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on>a:after { left: auto } .logo-side.sub-downwards #main-nav.menu-material-style>li.has-children.level-arrows-on>a:after { right: 7px } .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on>a { background: 0 0 } #main-nav.menu-material-style>li.has-children>a span:after { opacity: 0 } #main-nav.menu-material-style>li.has-children.act>a span.text-wrap span:after, #main-nav.menu-material-style>li>a span.text-wrap, #main-nav.menu-material-style>li>a span.text-wrap span, #main-nav>li.has-children.menu-frame-on.act>a span:after, .logo-side #main-nav.menu-material-style>li.has-children>a:after { opacity: 1 } #main-nav.menu-material-style>li>a span.text-wrap>span { display: inline-block } #main-nav.menu-material-style>li.has-children>a span.text-wrap span:after { opacity: .3 } .logo-side #main-nav.menu-material-style>li.has-children>a:after { right: 10px } .header-side-right .logo-side #main-nav.menu-material-style>li.has-children>a:after { left: 5px } .logo-side #main-nav>li.has-children>a { background-repeat: no-repeat; background-position: right center } .logo-side #main-nav.menu-material-style>li.has-children>a, .logo-side #main-nav.menu-material-underline-style>li.has-children>a { background-repeat: no-repeat; background-position: calc(100% - 10px) center } .header-side-right .logo-side:not(.sub-downwards) #main-nav.text-center>li.level-arrows-on>a, .header-side-right .logo-side:not(.sub-downwards) #main-nav>li.has-children.level-arrows-on>a { padding-left: 20px; background-position: 0 center } .header-side-right .logo-side:not(.sub-downwards) #main-nav.menu-material-style>li.has-children>a, .header-side-right .logo-side:not(.sub-downwards) #main-nav.menu-material-underline-style>li.has-children.level-arrows-on>a { background-position: 5px center } .header-side-left .logo-side #main-nav.text-center>li.level-arrows-on>a, .header-side-left .logo-side #main-nav>li.has-children.level-arrows-on>a { padding-right: 20px } .header-side-right #main-nav>li.has-children>a span:after { right: auto; background-position: 0 center } #main-nav.menu-material-style>li:not(.act)>a:before, #main-nav.menu-material-underline-style>li>a:before, .logo-side #main-nav.menu-material-style>li.act>a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0 } #main-nav.menu-material-underline-style>li>a:before { top: 0; height: 2px } .logo-side #main-nav.menu-material-underline-style>li>a { padding-left: 20px } .logo-side #main-nav.menu-material-underline-style.text-center>li>a { display: block } .logo-side #main-nav.menu-material-underline-style>li>a:before { height: 100%; width: 2px } .logo-side #main-nav.menu-material-underline-style.text-center>li>a:before, .logo-side #main-nav.menu-material-underline-style>li.has-children.level-arrows-on>a span:after { display: none } .logo-side #main-nav.menu-material-underline-style.text-right>li>a:before { left: auto; right: 0 } #main-nav.menu-material-style>li:not(.act):hover>a:before, #main-nav.menu-material-underline-style>li.act>a:before, #main-nav.menu-material-underline-style>li:hover>a:before, .logo-side #main-nav.menu-material-style>li.act>a:before { opacity: 1 } .sub-nav { position: absolute; visibility: hidden; z-index: 200; top: 100%; width: 240px; opacity: 0 } #header.sub-downwards #main-nav .sub-nav { position: relative; display: none; top: 0; left: 0; width: 100%; padding: 0; visibility: visible; opacity: 1; z-index: auto } #header.sub-downwards #main-nav.text-center .sub-nav .sub-nav:after, #header.sub-downwards #main-nav.text-center .sub-nav .sub-nav:before { display: block; margin-top: 4px; content: "..."; text-align: center; font-size: 14px; font-family: "Open Sans", sans-serif } #header.sub-downwards #main-nav.text-center .sub-nav .sub-nav:after { position: absolute; bottom: 10px; width: 100% } #header.sub-downwards #main-nav:not(.text-center):not(.text-right) .sub-nav { padding-left: 15px } #header.sub-downwards #main-nav.text-right .sub-nav>ul { padding-right: 15px } .sub-downwards #main-nav:not(.text-center)>li>.sub-nav>ul { padding-top: 14px } .sub-downwards .text-center .sub-nav>ul { padding: 14px 0 } .sub-downwards #main-nav>li>.sub-nav>ul { padding-bottom: 0 } .next-level-button:hover, .sub-downwards #main-nav li a:hover { cursor: pointer!important } .sub-downwards li:not(.dt-mega-menu) .sub-nav, .sub-downwards li:not(.dt-mega-menu) .sub-nav>ul { width: auto } #header.sub-downwards #main-nav .sub-nav ul { background: 0 0; box-shadow: none } #header.sub-downwards #main-nav .sub-nav li { padding: 0 } .sub-downwards #main-nav>li.has-children.level-arrows-on:last-child { margin-right: 0 } #header.sub-downwards:not(.dt-parent-menu-clickable) #main-nav .sub-nav li.has-children.level-arrows-on>a { display: inline-block; padding-right: 10px; background-position: right center; background-repeat: no-repeat } .logo-side.sub-downwards #main-nav>li.has-children.level-arrows-on>a { padding-right: 13px } #header.sub-downwards #main-nav .sub-nav li a { padding-right: 0; padding-left: 0 } .sub-downwards #main-nav.text-center .sub-nav li a { text-align: center } .sub-downwards #main-nav.text-right .sub-nav li a { text-align: right } #header.sub-downwards:not(.dt-parent-menu-clickable) #main-nav:not(.menu-material-style) .sub-nav li>a, .sub-downwards #main-nav.text-center .sub-nav li a>span, .sub-downwards #main-nav.text-center li a, .sub-downwards #main-nav.text-right .sub-nav li a>span, .sub-downwards .text-center .sub-nav .menu-item .fa, .sub-downwards .text-right .sub-nav .menu-item .fa, .sub-downwards.dt-parent-menu-clickable #main-nav .sub-nav li a>span.text-wrap span, .sub-downwards.dt-parent-menu-clickable #main-nav .sub-nav li a>span:not(.text-wrap), .sub-downwards.dt-parent-menu-clickable #main-nav li a, .sub-downwards.dt-parent-menu-clickable .menu-item .fa { display: inline-block } .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav:not(.menu-material-style)>li.has-children.level-arrows-on>a { background: 0 0; padding-right: 0 } .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav.menu-material-style>li.has-children>a, .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav.menu-material-underline-style>li.has-children>a, .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav>li.has-children.menu-frame-on>a { display: block } #header.sub-downwards.dt-parent-menu-clickable #main-nav.text-center li.has-children a, .sub-downwards #main-nav.text-center>li.has-children>.next-level-button, .sub-downwards .sub-nav .next-level-button { display: inline-block; vertical-align: middle } #header.sub-downwards.dt-parent-menu-clickable #main-nav.text-center li.has-children>a { padding-right: 5px } .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav.menu-material-style>li.has-children>a:after, .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav>li.has-children.level-arrows-on.menu-frame-on>a:after { display: none } .logo-side.sub-downwards.dt-parent-menu-clickable #main-nav.menu-material-style>li.has-children.level-arrows-on>a { background: 0 0 } .sub-downwards #main-nav.text-center>li.has-children>.next-level-button { float: none } .sub-downwards #main-nav>li.has-children>.next-level-button { display: inline-block; float: right } .sub-downwards .next-level-button { width: 18px; height: 18px; background-position: center center; background-repeat: no-repeat } .sub-downwards #main-nav.text-center>.menu-frame-on>.next-level-button { position: relative; margin-left: -28px } .sub-downwards #main-nav.menu-material-style:not(.text-center)>li>.next-level-button, .sub-downwards #main-nav.menu-material-underline-style:not(.text-center)>li>.next-level-button, .sub-downwards #main-nav:not(.text-center)>.menu-frame-on>.next-level-button { position: absolute; right: 10px; top: 7px; margin-top: 1px; z-index: 3 } .sub-downwards #main-nav.menu-material-style:not(.text-center)>li:first-child>.next-level-button, .sub-downwards #main-nav.menu-material-underline-style:not(.text-center)>li>.next-level-button { top: 9px } .sub-downwards #main-nav:not(.text-center) .next-level-button { margin-left: 5px } .sub-downwards .sub-nav .next-level-button { width: 14px; height: 14px } .sub-nav>ul { padding: 10px 0 } .logo-side #main-nav>li>.sub-nav { top: 0; left: 100% } .logo-side .sub-nav.bottom-overflow { top: auto!important; bottom: 0 } .logo-side .sub-nav .sub-nav { padding-left: 0 } .header-side-right #main-nav>li>.sub-nav { left: auto; right: 100%; padding-left: 0 } #bottom-bar .sub-nav { top: auto; bottom: 100% } #bottom-bar .sub-nav .sub-nav { bottom: 0 } .sub-nav.right-overflow { right: 0 } .sub-nav .sub-nav { left: 241px; top: -10px; margin-top: 0 } .sub-nav .sub-nav.right-overflow { left: -241px } .sub-nav li { display: block; position: relative; padding: 0 10px } .dl-menuwrapper li.has-children .next-level:after, .dl-menuwrapper li.has-children>a:after, .sub-nav li.has-children:after { position: absolute; display: block; right: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; content: ""; background-position: center center; background-repeat: no-repeat } .dt-parent-menu-clickable .dl-menuwrapper li.has-children a { margin-right: 50px } .dl-menuwrapper li.has-children .next-level { position: absolute; top: 50%; right: 0; margin-top: -20px; width: 50px; height: 40px } .dl-menuwrapper li.has-children .next-level:after, .dl-menuwrapper li.has-children .next-level:hover { opacity: 1 } .dl-menuwrapper li.has-children>a:after { right: -5px; top: 50% } .header-side-right .sub-nav li.has-children:after { right: auto; left: 10px; background-position: 0 center } .sub-nav li a { display: block; border-right: solid 1px transparent; border-left: solid 1px transparent; margin: 0 0 2px -1px; padding: 7px 30px 7px 10px; font-weight: 400; text-align: left; text-decoration: none; line-height: 20px } #top-bar .sub-nav { z-index: 1003 } #bottom-bar .sub-nav li:before, #top-bar .sub-nav li:before { width: 200px; margin: 0 15px } .mini-nav { position: relative; display: inline-block; vertical-align: middle } .menu-select select, .mini-nav .customSelect { border: none; padding: 0; margin-bottom: 0 } .mini-nav .customSelect { position: absolute; visibility: hidden } .mini-nav .customSelect .customSelectInner { opacity: 0 } .menu-select select, .mini-nav .customSelect1 { position: relative; visibility: visible; opacity: 1 } .header-side-left #top-bar .menu-select, .header-side-right #top-bar .menu-select, .menu-select { position: relative; display: inline-block; visibility: visible; margin: 0 auto; opacity: 1 } #bottom-bar .menu-select, #top-bar .menu-select, .text-near-logo .menu-select { position: absolute; visibility: hidden; opacity: 0 } #bottom-bar .menu-select { overflow: hidden } .mini-nav .customSelectInner { padding-left: 20px; background: 0 0 } .mini-nav .customSelectInner:hover { text-decoration: none } .mini-nav .customSelectInner:before { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; content: ""; background-position: 0 center; background-repeat: no-repeat } .menu-select select { z-index: 9 } .mini-nav .customSelect { padding: 0 } #bottom-bar .mini-nav ul, #top-bar .mini-nav ul, .text-near-logo .mini-nav ul { display: block } #header .wf-table { position: relative } .header-side-left #header .wf-table, .header-side-left #header .wf-td, .header-side-right #header .wf-table, .header-side-right #header .wf-td { display: block } .logo-side #navigation #main-nav { padding-bottom: 50px } .header-side-left .mega-auto-width .sub-nav, .header-side-left .mega-full-width .sub-nav, .header-side-right .mega-auto-width .sub-nav, .header-side-right .mega-full-width .sub-nav { top: 0; left: 100% } .header-side-right .mega-auto-width>.sub-nav, .header-side-right .mega-full-width>.sub-nav { top: 0; left: auto; right: 100%; padding-left: 0 } .header-side-left #header:not(.sub-downwards) .mega-auto-width>.sub-nav, .header-side-left #header:not(.sub-downwards) .mega-full-width>.sub-nav, .header-side-right #header:not(.sub-downwards) .mega-auto-width>.sub-nav, .header-side-right #header:not(.sub-downwards) .mega-full-width>.sub-nav { width: 890px; max-width: 890px } .header-side-left #header .mega-auto-width>.sub-nav .sub-nav, .header-side-left #header .mega-auto-width>.sub-nav .sub-nav ul, .header-side-left #header .mega-full-width>.sub-nav .sub-nav, .header-side-left #header .mega-full-width>.sub-nav .sub-nav ul, .header-side-right #header .mega-auto-width>.sub-nav .sub-nav, .header-side-right #header .mega-auto-width>.sub-nav .sub-nav ul, .header-side-right #header .mega-full-width>.sub-nav .sub-nav, .header-side-right #header .mega-full-width>.sub-nav .sub-nav ul { width: auto } #main-nav>li.dt-mega-menu { position: static } #main-nav>li.dt-mega-menu>a { position: relative } #main-nav>li>a .text-wrap>span, #main-nav>li>a>span { position: relative; display: inline-block } #main-nav>li>a .text-wrap>span { vertical-align: middle } .mega-full-width .sub-nav { width: 100%; left: 0 } .dt-mega-menu .sub-nav ul { font-size: 0; line-height: 0; word-spacing: -4px; text-align: left; padding-top: 0; padding-bottom: 0 } .dt-mega-menu .sub-nav ul:after, .dt-mega-menu .sub-nav ul:before { content: ""; display: table } .hide-mega-title { margin-top: 5px } .dl-menuwrapper .hide-mega-title { margin: 0 } .dt-mega-menu>.sub-nav>ul { padding-bottom: 5px } .dt-mega-menu .sub-nav li { word-spacing: normal; padding-left: 0; padding-right: 0 } .dt-mega-menu .sub-nav li a { padding: 7px 8px } .dt-mega-menu .sub-nav .dt-mega-parent>a { padding-right: 0; padding-bottom: 12px; padding-left: 0; margin: 0 8px 10px } .dt-mega-menu .sub-nav .dt-mega-parent.no-link>a:hover, .no-link>a:hover { opacity: 1 } .sub-nav li a>span, .sub-nav li a>span.text-wrap span { display: table-cell } .mega-auto-width .sub-nav { width: auto; left: 50%; max-width: 100% } .mega-auto-width>.sub-nav { min-width: 240px } .mega-auto-width>.sub-nav.right-overflow, .mega-full-width .sub-nav.right-overflow { left: auto!important; right: 0!important } .mega-auto-width>.sub-nav.left-overflow, .mega-full-width .sub-nav.left-overflow { left: 0!important; right: auto!important; margin-left: 0!important } .mega-auto-width .sub-nav .wf-1, .mega-auto-width .sub-nav .wf-1-2:nth-child(3), .mega-auto-width .sub-nav .wf-1-3:nth-child(4), .mega-auto-width .sub-nav .wf-1-4:nth-child(5), .mega-auto-width .sub-nav .wf-1-5:nth-child(6) { clear: left } .menu-subtitle { display: block; font-family: Arial, sans-serif; font-style: normal; font-weight: 400; text-transform: none } .mega-icon:after, .menu-subtitle:after { display: none!important } .dt-mega-menu .sub-nav .dt-mega-parent { position: static; display: inline-block; vertical-align: top; padding: 5px 10px } .dt-mega-menu.mega-auto-width.mega-column-1>.sub-nav { width: 20% } .dt-mega-menu.mega-auto-width.mega-column-2>.sub-nav { width: 40% } .dt-mega-menu.mega-auto-width.mega-column-3>.sub-nav { width: 60% } .dt-mega-menu.mega-auto-width.mega-column-4>.sub-nav { width: 80% } .dt-mega-menu.mega-auto-width.mega-column-5>.sub-nav { width: 100% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent { width: 20% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent.wf-1 { width: 100% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent.wf-1-2 { width: 50% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent.wf-1-3 { width: 33.333% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent.wf-1-4 { width: 25% } .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent.wf-1-5 { width: 20% } .dt-mega-parent .sub-nav ul>li { margin-bottom: 2px } .dt-mega-menu .sub-nav .dt-mega-parent:first-child { border-left: none } .dt-mega-parent.new-row:first-child { clear: right } .new-column>a { margin-left: -21px!important; border-radius: none } .dl-menu .new-column, .dl-menu .new-column>a { position: absolute; display: none!important } .dt-mega-menu .dt-mega-parent .sub-nav, .dt-mega-menu .dt-mega-parent .sub-nav ul { position: relative; left: auto; top: auto; background: 0 0 } .dt-mega-menu.dt-hovered .sub-nav .sub-nav { visibility: visible!important; opacity: 1!important } .dt-mega-menu .sub-nav .dt-mega-parent>a { border-bottom: 2px solid } .dt-mega-menu .sub-nav .dt-mega-parent a { width: auto } #main-nav>.menu-item>a .fa, #main-nav>.menu-item>a .mega-icon { vertical-align: middle; padding-top: 0; padding-right: 6px } #main-nav>.menu-item.with-subtitle>a .fa { vertical-align: top; padding-top: 3px } .dl-menuwrapper li>a .fa { line-height: 1; font-size: 12px } .menu-item .fa { display: inline-block; padding-right: 8px; vertical-align: top } #main-nav.menu-material-underline-style>.menu-item>a .fa, .mini-nav .menu-item .fa { vertical-align: baseline } .header-side-left #main-nav.text-right>.menu-item>a .fa, .header-side-left #main-nav.text-right>.menu-item>a .mega-icon { float: right; padding-right: 0; padding-left: 8px } #dl-menu .menu-item .fa, .dt-mega-menu .menu-item .fa, .sub-nav .menu-item .fa { display: table-cell } .dt-mega-menu .sub-nav .dt-mega-parent>a .fa, .dt-mega-menu .sub-nav .menu-item .fa, .sub-nav .menu-item .fa { padding-top: 3px } .dl-menu a .fa, .dl-menuwrapper li>a .fa { padding-top: 2px } .mega-icon { display: inline-block; vertical-align: middle; padding-right: 8px; width: 20px; height: 20px } .sub-nav .mega-icon { display: table-cell; vertical-align: top } #mobile-menu { display: none; min-height: 24px; padding: 10px 0 10px 16px; text-decoration: none } #mobile-menu, #mobile-menu span { font: normal normal bold 15px / 20px Arial, Verdana, sans-serif; text-transform: uppercase } #mobile-menu { line-height: 24px } #mobile-menu:before { display: block; content: ""; background: 10px center no-repeat } .lines-button { display: inline-block; margin-right: 16px; transition: .3s; cursor: pointer; user-select: none; border-radius: .57143rem } .lines-button:active { transition: 0 } .lines { display: inline-block; vertical-align: middle; width: 18px; height: 3px; margin: -3px 6px 0 0; background: #ecf0f1; border-radius: 2px; position: relative } .lines:after, .lines:before { display: inline-block; width: 18px; height: 3px; background: #ecf0f1; border-radius: 2px; position: absolute; left: 0; content: ''; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center } .dl-menuwrapper .lines, .dl-menuwrapper .lines:after, .dl-menuwrapper .lines:before { transition: .3s } .lines:before { top: 5px } .lines:after { top: -5px } #mobile-menu:not(.dl-active):hover .lines-button .lines:before, .menu-btn:not(.active):hover .lines-button .lines:before { top: 6px } #mobile-menu:not(.dl-active):hover .lines-button .lines:after, .menu-btn:not(.active):hover .lines-button .lines:after { top: -6px } .dl-active .lines-button.x .lines, .menu-btn.active .lines-button.x .lines { background: 0 0 } .dl-active .lines-button.x .lines:after, .dl-active .lines-button.x .lines:before, .menu-btn.active .lines-button.x .lines:after, .menu-btn.active .lines-button.x .lines:before { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 20px } .dl-active .lines-button.x .lines:before, .menu-btn.active .lines-button.x .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .dl-active .lines-button.x .lines:after, .menu-btn.active .lines-button.x .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .dl-container { position: relative } .dl-menuwrapper { position: relative; z-index: 999; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200% } .dl-menuwrapper .dl-container>.dl-menu, .dl-submenu { right: 0; width: 100%; min-width: 280px; max-width: 280px; list-style: none; text-align: left; -webkit-transform-style: preserve-3d } .dl-container>ul { padding: 0 } .dl-menuwrapper li { position: relative; width: 100% } .dl-menuwrapper li a { display: block; position: relative; padding: 13px 0; margin: 0 20px; font-weight: 400; text-align: left; text-decoration: none; outline: 0 } .no-touch .dl-menuwrapper li a:hover { cursor: pointer!important } .dt-parent-menu-clickable .dl-menuwrapper li.dl-back a { margin-right: 0 } .dl-menuwrapper li a>span { display: table-cell } .dl-menuwrapper li.dl-back a>span { display: inline-block } .dl-menuwrapper li.dl-subview, .dl-menuwrapper li.dl-subviewopen, .dl-menuwrapper li:last-child { border: none!important } .dl-menuwrapper li.dl-back>a { margin: 0; text-align: center } .dl-menuwrapper li.dl-back span { position: relative } .dl-menuwrapper li.dl-back span:before { display: block; position: absolute; left: -16px; top: 50%; width: 10px; height: 7px; margin-top: -2.5px; content: "" } .dl-menuwrapper .dl-menu { position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .windows-phone .dl-menuwrapper .dl-menu { visibility: hidden } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto } .windows-phone .dl-menuwrapper .dl-menu.dl-menuopen { visibility: visible } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>ul>li { display: block } .dl-container>.dl-submenu { position: absolute; width: 100%; top: 0; right: 0; margin: 0 } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 .3s ease-in-out; -moz-animation: MenuAnimOut2 .3s ease-in-out; animation: MenuAnimOut2 .3s ease-in-out } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0 } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0 } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0 } } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 .3s ease-in-out; -moz-animation: MenuAnimIn2 .3s ease-in-out; animation: MenuAnimIn2 .3s ease-in-out } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0 } 100% { -webkit-transform: translateX(0); opacity: 1 } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0 } 100% { -moz-transform: translateX(0); opacity: 1 } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0 } 100% { transform: translateX(0); opacity: 1 } } .dl-container>.dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 .3s ease-in-out; -moz-animation: SubMenuAnimIn2 .3s ease-in-out; animation: SubMenuAnimIn2 .3s ease-in-out } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0 } 100% { -webkit-transform: translateX(0); opacity: 1 } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0 } 100% { -moz-transform: translateX(0); opacity: 1 } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0 } 100% { transform: translateX(0); opacity: 1 } } .dl-container>.dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 .3s ease-in-out; -moz-animation: SubMenuAnimOut2 .3s ease-in-out; animation: SubMenuAnimOut2 .3s ease-in-out } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%); opacity: 0 } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0); opacity: 1 } 100% { -moz-transform: translateX(100%); opacity: 0 } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0); opacity: 1 } 100% { transform: translateX(100%); opacity: 0 } } .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1 } .no-js .dl-menuwrapper li .dl-submenu { display: block } .no-js .dl-menuwrapper li>a:not(:only-child) { background: rgba(0, 0, 0, .1) } .no-js .dl-menuwrapper li>a:not(:only-child):after { content: '' } .overlap #fancy-header, .overlap #main-slideshow, .overlap .page-title { margin-top: -70px; margin-bottom: -70px } .transparent .page-title { visibility: hidden } #main-slideshow { position: relative; z-index: 1; clear: both } #main-slideshow.fixed { padding: 44px; margin-top: 0 } .overlap #main-slideshow.fixed { margin-top: 0; margin-bottom: 0 } #main-slideshow.layer-fixed { padding: 40px; margin-top: 0 } #main-slideshow.fix.rv-slider { padding-top: 0; padding-bottom: 0; margin-top: 0 } #main-slideshow.fixed>.royalSlider { max-width: 1200px; margin: 0 auto } #main-slideshow>.royalSlider { width: 100%; height: 600px; overflow: hidden } #main-slideshow>.royalSlider>li>img { display: none } .rsDefault .rsFullscreenBtn { top: auto!important; bottom: 18px } .is-webkit.overlap #fancy-header, .is-webkit.overlap .page-title { position: relative } #fancy-header.content-left .wf-wrap, #fancy-header.content-right .wf-wrap, #fancy-header.title-center .wf-wrap { display: table; width: 100% } #fancy-header .wf-wrap, .page-title .wf-wrap { padding-top: 0; padding-bottom: 0 } .overlap #fancy-header .wf-wrap, .overlap .page-title .wf-wrap { padding-top: 70px; padding-bottom: 70px } #fancy-header>.wf-wrap { max-width: 100% } #fancy-header.content-left .wf-table, #fancy-header.content-right .wf-table, #fancy-header.title-center .wf-table { display: table-cell; vertical-align: middle } .fancy-header .wf-td { width: 50%; vertical-align: middle } .content-left.fancy-header .wf-td, .content-right.fancy-header .wf-td { display: block; width: 100% } .content-right.fancy-header .wf-td, .title-left .breadcrumbs, .title-right .hgroup { text-align: right } .fancy-header.title-center .wf-table, .fancy-header.title-center .wf-td { display: block; width: 100%; text-align: center } .no-touch #fancy-header .breadcrumbs, .no-touch #fancy-header .fancy-subtitle, .no-touch #fancy-header .fancy-title { opacity: 0 } #fancy-header .fancy-title>span { display: inline-block } .ie-mobile #fancy-header .breadcrumbs, .ie-mobile #fancy-header .fancy-subtitle, .ie-mobile #fancy-header .fancy-title { opacity: 1 } #fancy-header .breadcrumbs.start-animation, #fancy-header .fancy-subtitle.start-animation, #fancy-header .fancy-title.start-animation { -webkit-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -moz-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); -o-animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); animation: mk_fade .7s 1 cubic-bezier(.445, .05, .55, .95); opacity: 1 } .fancy-header .hgroup, .page-title .hgroup { overflow: hidden; padding: 5px 0 } .content-left.breadcrumbs-off .hgroup, .content-right.breadcrumbs-off .hgroup, .title-center.breadcrumbs-off .hgroup { margin-top: 5px } .content-left .breadcrumbs.breadcrumbs-bg, .content-right .breadcrumbs.breadcrumbs-bg, .title-center .breadcrumbs.breadcrumbs-bg { margin-top: 10px } #fancy-header.titles-off .breadcrumbs { margin-top: 5px; margin-bottom: 5px } .content-left .breadcrumbs, .content-right .breadcrumbs, .title-center .breadcrumbs { margin-bottom: 10px } .disabled-bg.breadcrumbs-off.page-title h1, .disabled-bg.content-left .breadcrumbs, .disabled-bg.content-left.breadcrumbs-off .hgroup, .disabled-bg.content-right .breadcrumbs, .disabled-bg.content-right.breadcrumbs-off .hgroup, .disabled-bg.title-center .breadcrumbs, .disabled-bg.title-center.breadcrumbs-off .hgroup { margin-bottom: 0 } .content-left .hgroup, .content-right .hgroup, .title-center .hgroup { padding-bottom: 5px } .content-left.breadcrumbs-off .hgroup, .content-right.breadcrumbs-off .hgroup, .title-center.breadcrumbs-off .hgroup { margin-bottom: 5px } .fancy-header .fancy-title { margin: 5px 0; padding: 0 } .fancy-header .fancy-subtitle { margin: 0; padding: 5px 0 } .fancy-header .wf-td .breadcrumbs, .page-title .wf-td .breadcrumbs { display: inline-block } .breadcrumbs.bg-dark, .breadcrumbs.bg-light, .hr-breadcrumbs .breadcrumbs.bg-dark, .hr-breadcrumbs .breadcrumbs.bg-light { padding: 5px 10px } .breadcrumbs.bg-dark { background-color: rgba(15, 18, 19, .1) } .breadcrumbs.bg-light { background-color: rgba(255, 255, 255, .12) } .title-left .breadcrumbs { float: right } .fancy-header .breadcrumbs li { position: relative; background: 0 0 } .breadcrumbs li:first-child:before, .fancy-header .breadcrumbs li:first-child:before { content: "" } .breadcrumbs li:before, .fancy-header .breadcrumbs li:before { position: absolute; left: 0; top: 0; width: 15px; height: 13px; content: "/"; opacity: .5; text-align: left; z-index: 3 } breadcrumbs li:before { opacity: 1 } /*!-Page title*/ .page-title.content-left .wf-container-title, .page-title.content-right .wf-container-title, .page-title.title-center .wf-container-title { display: table; width: 100% } .page-title.content-left .wf-table, .page-title.content-right .wf-table, .page-title.title-center .wf-table { display: table-cell; vertical-align: middle } .page-title.content-left .wf-td, .page-title.content-right .wf-td, .page-title.title-center .wf-td { display: block; text-align: center } .page-title.content-left .wf-td { text-align: left } .page-title.content-right .wf-td, .page-title.title-left .hr-breadcrumbs, .page-title.title-right h1 { text-align: right } .page-title.title-left .hr-breadcrumbs { float: right } .page-title h1 { margin: 5px 0 } .breadcrumbs { list-style: none } .breadcrumbs li { position: relative; display: inline-block; padding-left: 12px; margin-left: 8px } .ancient-ie .breadcrumbs li { display: inline; zoom: 1 } .breadcrumbs li:first-child { padding-left: 0; margin-left: 0; background: 0 0!important } .breadcrumbs li a, .fancy-header .breadcrumbs li a { color: inherit } #main { padding: 50px 0 } .not-webkit.overlap #main { position: relative; z-index: 1 } .is-webkit.overlap .main-gradient { display: block; position: relative; width: 100%; height: 66px; margin-top: -46px; z-index: 3 } .is-webkit.overlap #main>.wf-wrap { position: relative; top: -16px } .is-webkit.overlap #main { padding-bottom: 34px; -webkit-box-shadow: none; box-shadow: none } .sidebar { position: relative; z-index: 9 } .sidebar-left .sidebar, .sidebar-right .content { float: left } .sidebar-left .content, .sidebar-right .sidebar { float: right } .sidebar-left .sidebar, .sidebar-right .content { padding-right: 44px } .sidebar-left .content, .sidebar-right .sidebar { padding-left: 44px } .sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg { border: none } .sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg { padding-right: 0 } .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg { padding-left: 0 } .sidebar-divider-off.sidebar-right .sidebar { padding-left: 6px } .sidebar-divider-off.sidebar-left .sidebar { padding-right: 6px } .sidebar-left .wf-wrap:after, .sidebar-left .wf-wrap:before, .sidebar-right .wf-wrap:after, .sidebar-right .wf-wrap:before { content: ""; display: table } .sidebar-divider-off #sidebar { border: none } .sidebar-none .content { width: 100% } .stripe { position: relative; width: 100%; padding: 20px 1000px; margin-left: -1000px; overflow: hidden } .static-height { position: relative } .article-top-bar .wf-container-top, .page-title .wf-container-title, .page-title.full-width-line { border-bottom: 1px solid } .page-title.disabled-bg .wf-container-title, .page-title.full-width-line .wf-container-title, .page-title.solid-bg .wf-container-title, .page-title.transparent-bg .wf-container-title { border-bottom: none } .page-title.content-left.disabled-bg .wf-table, .page-title.content-right.disabled-bg .wf-table, .page-title.disabled-bg .wf-td, .page-title.title-center.disabled-bg .wf-table { vertical-align: bottom; padding: 0 } .page-title.title-left.disabled-bg h1, .page-title.title-right.disabled-bg h1 { margin: 0 } .fancy-parallax-bg, .page-title-parallax-bg, .stripe-parallax-bg { background-attachment: fixed!important; background-position-x: 50% } .no-touch .fancy-parallax-bg, .no-touch .page-title-parallax-bg, .no-touch .stripe-parallax-bg { opacity: 0 } #main-slideshow.fix:after, #main-slideshow.fixed:after, #main-slideshow.layer-fixed:after, .style-ios #main-slideshow.fix:after, .style-ios #main-slideshow.fixed:after, .style-ios #main-slideshow.layer-fixed:after { position: absolute; left: 0; width: 100%; height: 1px; content: ""; top: auto; bottom: 0 } .footer { padding: 0; margin: 0 auto } .footer.full-width-line.empty-footer, .style-ios #footer.transparent-bg.empty-footer { border: none } .style-minimal .empty-footer.transparent-bg #bottom-bar.full-width-line, .style-minimal .empty-footer.transparent-bg .wf-container-bottom { border-color: transparent } .footer-overlap .page-inner { position: relative; z-index: 100 } .engage-opened.footer-overlap .page-inner { z-index: 9400 } .mobile-false .footer-overlap .footer { position: fixed; bottom: 0; width: 100%; z-index: 99; opacity: 0 } .mobile-false .footer-overlap .show-header .footer { visibility: hidden } .wf-container-footer { padding-top: 50px } #footer.transparent-bg .wf-container-footer { border-top: none } .page-info { padding: 0 0 10px } .post { position: relative } .blog.layout-list .post.bg-on ul.royalSlider.alignnone, .description-under-image .post .alignnone, .description-under-image .post ul.royalSlider.alignnone, .post .alignleft { margin-bottom: 20px } .project-list-media .alignleft { width: 100% } .blog-media .alignleft { float: none } .blog.layout-list .post .alignleft, .blog.layout-list .post .alignnone { margin-bottom: 25px } .ancient-ie .post { zoom: 1 } .layout-list .post { padding-top: 44px; margin-top: 19px } .articles-list .post:last-child { margin-bottom: -25px } .blog.layout-list .post:first-child, .layout-list .post:first-child { border: none; padding-top: 0; margin-top: 0 } .blog.layout-list .post { padding-top: 44px } .blog.layout-list .post.bg-on, .layout-list .post.bg-on { padding: 25px 25px 0; margin: 0 0 20px } .blog.layout-list .bg-on .blog-content, .blog.layout-list .bg-on .blog-media, .portfolio.layout-list .bg-on .project-list-content, .portfolio.layout-list .bg-on .project-list-media { padding: 0 } .blog.layout-list .bg-on .blog-content, .portfolio.layout-list .bg-on .project-list-content { padding-bottom: 10px } .post .entry-title a { display: inline-block } .iso-grid.description-under-image .link.btn-link, .iso-grid.description-under-image .project-zoom, .layout-masonry.description-under-image .link.btn-link, .layout-masonry.description-under-image .project-zoom, .portfolio .post .btn-zoom, .portfolio .post .link.btn-link { float: right } .iso-grid.description-under-image .link.btn-link, .layout-masonry.description-under-image .link.btn-link { margin-left: 10px } .iso-grid.description-under-image .buttons-on-img .link.btn-link, .iso-grid.description-under-image .buttons-on-img .project-zoom, .layout-masonry.description-under-image .buttons-on-img .link.btn-link, .layout-masonry.description-under-image .buttons-on-img .project-zoom, .portfolio .post .buttons-on-img .btn-zoom, .portfolio .post .buttons-on-img .link.btn-link { float: none } .post.bg-on .block-style-widget, .post.bg-on .format-aside-content, .post.bg-on .format-link-content, .post.bg-on .format-status-content { padding: 0; background: 0 0!important; box-shadow: none!important } .post:after, .post:before { content: ""; display: table; clear: both } .blog .details.more-link, .dt-blog-shortcode .details.more-link { margin-bottom: 10px } /*!-Meta & tags*/ .entry-meta, .portfolio-categories { display: block; overflow: hidden; padding: 0 0 10px } .project-post .portfolio-categories, .single .post .entry-meta { padding: 0; margin-bottom: 5px } .project-post .portfolio-categories, .single .entry-meta { float: left } .entry-meta>a, .entry-meta>span, .portfolio-categories>a, .portfolio-categories>span { position: relative; display: inline-block; margin: 0 1px 0 6px; padding-left: 10px; text-decoration: none } .portfolio-categories>a.data-link:hover { text-decoration: none; cursor: default } .entry-meta>a:after, .entry-meta>span:after, .portfolio-categories>a:after, .portfolio-categories>span:after { position: absolute; left: 0; top: 0; width: 1px; height: 100%; content: "/" } .single .article-top-bar .entry-meta>a, .single .article-top-bar .entry-meta>span, .single .article-top-bar .portfolio-categories>a, .single .article-top-bar .portfolio-categories>span { margin-right: 20px; margin-left: 0; padding-left: 25px; background-position: 0 center; background-repeat: no-repeat } .single .article-top-bar .entry-meta>a:first-child, .single .article-top-bar .portfolio-categories>a:first-child { padding-left: 25px } .entry-meta a:first-child, .entry-meta span:first-child, .portfolio-categories a:first-child, .portfolio-categories span:first-child { padding-left: 0; margin-left: 0 } .fullwidth-slider .portfolio-categories span, .fullwidth-slider .portfolio-categories>a { float: none; display: inline-block } .entry-tags { display: block; overflow: hidden; padding: 20px 0 15px } .entry-tags, .entry-tags a, .entry-tags span { word-wrap: break-word } .entry-tags span.single-tags { position: relative; float: left } .single .entry-tags a { position: relative; float: left; margin: 5px 10px 0 13px; padding: 3px 7px 3px 12px; border: none; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px; line-height: 19px } .single .entry-tags a:before { position: absolute; top: 0; left: -13px; width: 0; height: 0; border-top: 12px solid transparent; border-right: 13px solid red; border-bottom: 13px solid transparent; content: "" } .single .entry-tags a:after { position: absolute; left: -2px; top: 50%; margin-top: -3px; width: 6px; height: 6px; content: "" } /*!-Post author*/ .entry-author { overflow: hidden; margin-bottom: 10px; padding: 25px 30px 15px } .entry-author-img { width: 115px } .entry-author-info { vertical-align: top } .entry-author .text-primary { font-weight: 700 } .entry-author .alignleft { margin-bottom: 10px } .post .entry-author img { max-width: none } .fancy-author-title, .fancy-comments-form, .fancy-comments-title, .fancy-posts-title, .fancy-projects-title { padding-left: 25px; background-repeat: no-repeat; background-position: 0 center } .single .fancy-author-title.title-left, .single .fancy-comments-form.title-left, .single .fancy-comments-title.title-left, .single .fancy-posts-title.title-left, .single .fancy-projects-title.title-left { margin-top: 60px; margin-bottom: 34px } .single .fancy-author-title.title-left, .single .fancy-comments-form.title-left, .single .fancy-comments-title.title-left { margin-top: 50px } .single-dt_gallery .fancy-comments-form.title-left, .single-dt_gallery .fancy-comments-title.title-left, .single-portfolio .fancy-comments-form.title-left, .single-portfolio .fancy-comments-title.title-left, .single-portfolio .fancy-projects-title.title-left { margin-top: 20px } .single-dt_gallery #comments .commentlist, .single-portfolio #comments .commentlist { margin-bottom: 0; padding-bottom: 10px } .single .fancy-posts-title { margin-bottom: 30px } /*!-Post entry share*/ .entry-share { margin: 14px 0 10px } .project-content .entry-share { margin: 0 } .mfp-title .entry-share { margin: 10px 0 0 } .btn-project-link, .share-button.entry-share { display: inline-block; background-position: 0 center; background-repeat: no-repeat } .album-share-overlay .share-button.entry-share { background-position: center center } #page .btn-project-link.btn-link, #page .project-share-overlay .share-button.entry-share { display: inline-block; padding: 0 0 0 23px } .btn-project-link.no-text, .share-button.entry-share.no-text { width: 36px; height: 36px; padding: 0; text-indent: -9999px } .project-post .btn-project-link.no-text { padding: 0 } .project-share-overlay { display: inline-block } .project-share-overlay .share-button.entry-share { display: block; text-decoration: none } .slide-caption .btn-project-link, .slide-caption .share-button.entry-share { border-color: rgba(255, 255, 255, .35) } .slide-caption .btn-project-link:hover, .slide-caption .share-button.entry-share:hover { background-color: rgba(255, 255, 255, .35); border-color: rgba(255, 255, 255, .35) } .project-post .btn-project-link { padding: 0 10px 0 33px; margin: 0 28px 0 0 } .project-content-btn { margin-top: 24px } .project-content-btn .entry-share { margin-top: 0; margin-bottom: 0 } .project-post .project-slider .project-content-btn { margin-top: -5px; margin-bottom: 39px } .share-overlay .wf-table { max-width: 1000px; height: 100%; margin: 0 auto; text-align: center } .share-overlay h1 { font-size: 70px; line-height: 74px } .share-overlay h3 { color: rgba(255, 255, 255, .5) } .share-overlay h1, .share-overlay h3 { margin-bottom: 50px } .share-overlay .soc-ico { overflow: visible } #page .share-overlay .soc-ico a, .share-overlay .soc-ico a { position: relative; display: inline-block; float: none; margin: 10px; width: 70px; height: 70px; background: 0 0; border: 3px solid rgba(255, 255, 255, .35) } #page .share-overlay .soc-ico a:hover, .share-overlay .soc-ico a:hover { background-color: rgba(255, 255, 255, .35)!important; background-image: none!important; border-color: transparent!important } .share-overlay .soc-ico a .icon, .style-ios .share-overlay .soc-ico a .icon { width: 60px; height: 60px; margin: 3px 0 0 3px; fill: #fff } .mfp-container .soc-ico a { visibility: visible } .format-quote .block-style-widget { margin: 0 0 15px; padding: 25px 30px 15px } .bg-on .format-aside-content, .bg-on .format-link-content, .format-quote.bg-on .block-style-widget { margin-bottom: 10px } .more-link.dt-btn { margin-top: 5px } .post .more-link.dt-btn { margin-right: 10px } .grid-text-hovers .iso-grid .post, .layout-masonry-grid .post, .portfolio.grid-text-hovers .iso-grid .post, .portfolio.layout-masonry-grid .post, .wf-container.grid-text-hovers.iso-grid .post, .wf-container.layout-masonry.layout-masonry-grid .post { border: none } .post .project-media { margin-bottom: 20px; line-height: 0 } .single .project-content { margin-bottom: 34px } .floating-content { position: relative; -webkit-transition: top 300ms linear; -moz-transition: top 300ms linear; -o-transition: top 300ms linear; transition: top 300ms linear } .single-dt_gallery.single .project-content { margin-bottom: 20px } .project-media img { max-width: 100% } .project-post { position: relative } #cancel-comment-reply-link, #reply-title small { float: right; margin-top: 10px } .single-portfolio .images-container, .single-portfolio .project-post ul.royalSlider { margin-bottom: 34px } .albums .post img, .blog .post img, .dt-albums-shortcode img, .dt-blog-shortcode img, .dt-portfolio-shortcode img, .images-container img, .media .post img, .portfolio .post img, .single .post .rollover img, .wf-container.iso-grid img, .wf-container.layout-masonry img { max-width: 100%; width: 100%; height: auto } .blog.layout-list .post .blog-media img, .old-ie .blog .post .dt-format-gallery img { width: 100% } .images-container { line-height: 0 } .images-list { position: relative; margin-bottom: 20px; line-height: 0 } .images-list img, .images-list:last-child { margin-bottom: 0 } .images-list-caption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; z-index: 99 } .images-list-inner { display: inline-block; margin: 0 20px; padding: 15px 0 5px } .images-list-inner h4 { margin-bottom: 5px } #comments { margin-bottom: 20px } .single #comments, .single .form-submit { margin-bottom: 0 } .comments-title { margin-bottom: 20px } #comments .children, #comments .commentlist { margin: 0; padding: 0; list-style: none } #comments .commentlist { margin-bottom: -21px; padding-bottom: 1px } li.comment, li.pingback { padding-left: 90px; margin-bottom: 30px } .commentlist .comment>article { position: relative; padding: 25px 30px 15px } .commentlist .comment>article:before { position: absolute; top: 30px; left: -14px; width: 0; height: 0; border-top: 19px solid red; border-left: 14px solid transparent; content: "" } .boxes-solid-bg .commentlist .comment>article:before, .style-ios .commentlist .comment>article:before { display: none } #comments .children { margin-top: 30px } .comment-author .avatar, .comment-author .rollover { float: left; margin: -25px 0 15px -120px } .comment-author .rollover .avatar { margin: 0 } .comment-content { padding: 10px 0 0 } .pingback-content { padding: 0 0 24px } .comment-meta, .comment-reply-link { float: right } .comment-reply-link { margin-left: 10px } .fn { font-style: normal } .comment #respond { padding-top: 24px } #commentform textarea, .contact-form textarea { width: 100%; margin: 0 0 10px } .style-ios #commentform textarea { margin-top: 10px } .form-allowed-tags { margin-bottom: 20px } .clear-form { position: relative; float: right; padding: 0 18px 0 0 } .clear-form:before { display: block; position: absolute; top: 50%; right: 0; margin-top: -6.5px; width: 13px; height: 13px; line-height: 13px; content: "" } .filter:before, .paginator:before { content: ""; display: table } .filter:after, .paginator:after { content: ""; display: table; clear: both } .ancient-ie .filter, .ancient-ie .paginator { zoom: 1 } .filter { position: relative; margin: -6px 0 34px; z-index: 10; text-align: center } .style-ios #page .filter-categories.new-style { border: none; background-color: transparent } .filter-by a, .filter-categories, .filter-sorting a { float: left } .filter-categories.extras-off { float: none; text-align: center } .style-ios .filter-categories.extras-off { display: inline-block } .filter-by, .filter-categories a, .filter-sorting { float: left; margin: -1px -1px -1px 0; text-align: center; text-decoration: none } .style-minimal .filter a, .style-minimal .paginator a { margin: 0 5px 0 0 } .filter-extras, .paginator .page-nav { float: right } .style-material-design .paginator .page-nav { margin-right: -8px } .filter .filter-extras a { display: inline-block; float: none } .filter .filter-categories a, .filter .filter-extras a { position: relative; margin-right: 5px; text-decoration: none; background-position: 0 0; background-repeat: no-repeat } .style-material-design .filter .filter-categories a { margin: 0 5px 5px 0 } .style-material-design .filter .filter-extras a { width: 20px; text-indent: -9999px; background-position: center center } .filter-categories.extras-off a { display: inline-block; float: none; margin-left: 3px; margin-right: 2px } .filter-categories a { padding-top: 6px; padding-bottom: 6px; white-space: nowrap } .style-ios .filter-categories.new-style a { border: 1px solid; margin-right: 5px; margin-bottom: 5px } .style-ios .filter-categories.new-style.extras-off a { display: inline-block; float: none } .filter .filter-categories a:before { position: absolute; left: 0; top: 0; width: 23px; height: 13px; content: ""; text-decoration: none; background-position: 11px center; background-repeat: no-repeat } .style-material-design .filter .filter-categories a:after, .style-material-design .paginator .page-links a:after, .style-minimal .filter .filter-categories a:after, .style-minimal .paginator .page-links a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "" } .style-material-design .filter .filter-categories a:after, .style-material-design .paginator .page-links a:after { top: 100%; height: 2px; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease } .style-material-design .filter .filter-categories a.act:after, .style-material-design .paginator .page-links a.act:after { opacity: 1 } .filter-categories, .filter-extras, .page-links, .page-nav { margin-bottom: 10px } .style-material-design .filter-categories { margin-bottom: 7px } .style-ios .filter-categories, .style-ios .filter-extras, .style-ios .page-nav, .style-ios .paginator .page-links { border-style: solid; border-width: 1px } .style-ios .filter-categories a, .style-ios .filter-sorting, .style-ios .paginator:not(.paginator-more-button) a { border: none; border-left-style: solid; border-left-width: 1px } .style-ios .filter-extras a { padding: 0; margin: 0 } .style-ios .filter-by, .style-ios .filter-categories a, .style-ios .filter-sorting, .style-ios .paginator:not(.paginator-more-button) a { float: left; margin: -1px -1px -1px 0 } .style-ios .filter-categories a, .style-ios .paginator:not(.paginator-more-button) a { margin-left: -1px } #page .filter .filter-categories a:first-child, #page .filter .filter-extras .filter-by a:first-child, #page .page-nav a:first-child, #page .paginator a:first-child { border-color: transparent } .style-ios #page .filter-extras a.act { background: 0 0 } .style-ios .filter a:after { display: none } .filter-switch { position: relative; display: inline-block; vertical-align: middle; width: 21px; height: 13px; margin: 0 7px 0 3px } .style-material-design .filter-switch { width: 19px; height: 7px; margin: 0 10px 0 1px } .style-material-design .filter-switch:hover { cursor: pointer } .style-minimal .filter-switch { margin: 0 9px 0 0 } .filter-switch, .filter-switch-toggle, .filter-switch:before { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px } .filter-sorting .filter-switch { margin-left: 7px } .style-material-design .filter-sorting .filter-switch { margin-left: 6px } .style-minimal .filter-sorting .filter-switch { margin-left: 4px } .filter-switch-toggle, .filter-switch:before { position: absolute; left: 1px; top: 1px; width: 11px; height: 11px; background-color: #fff; content: ""; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; -ms-transition: left 300ms ease-out; -o-transition: left 300ms ease-out; transition: left 300ms ease-out } .style-material-design .filter-switch-toggle { top: -1px; left: 0; width: 9px; height: 9px } .style-material-design .filter-switch:before { display: none } .filter-switch.right-act .filter-switch-toggle, .filter-switch.right-act:before { left: 9px } .filter-switch-toggle:after { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; border-radius: 50%; content: ''; opacity: 0; pointer-events: none } .pressed .filter-switch-toggle:after { -webkit-animation: anim-effect-boris .45s ease-out forwards; animation: anim-effect-boris .45s ease-out forwards } @-webkit-keyframes anim-effect-boris { 0% { -webkit-transform: scale(0); transform: scale(0) } 25%, 50% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } @keyframes anim-effect-boris { 0% { -webkit-transform: scale(0); transform: scale(0) } 25%, 50% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) } } .paginator { margin: 50px 0 0; text-align: right } .dt-shortcode .paginator { text-align: center } .paginator.paginator-more-button { margin-top: 25px } .description-under-image+.paginator { margin-top: 40px } .description-under-image.bg-under-post+.paginator { margin-top: 50px } .paginator .page-links { float: left; margin: 0 auto } .dt-shortcode .page-links { display: inline-block; float: none } .page-links a { position: relative; display: inline-block; float: none; margin: 0 3px 0 2px; text-align: center; text-decoration: none } .paginator a.act { border: none } .paginator .nav-next, .paginator .nav-prev { position: relative; display: inline-block; margin-left: 5px; text-decoration: none } .style-material-design .paginator .nav-next, .style-material-design .paginator .nav-prev { font-size: 0; text-indent: -9999px } .paginator .nav-next:after, .paginator .nav-prev:before { display: block; position: absolute; top: 50%; margin-top: -6.5px; width: 13px; height: 13px; line-height: 13px; content: ""; background-position: 0 center; background-repeat: no-repeat } .style-material-design .paginator .nav-next:after, .style-material-design .paginator .nav-prev:before { left: 50%; right: auto; margin: -8px 0 0 -8px; width: 16px; height: 16px; line-height: 16px } .paginator .disabled:hover { cursor: default } .sidebar .widget, .sidebar-content .widget { padding: 0; margin-bottom: -10px } .bg-under-widget .sidebar-content .widget, .sidebar.bg-under-widget .widget, .solid-bg.sidebar-content .widget { margin-bottom: 0 } .sidebar.solid-bg .widget, .solid-bg .sidebar-content .widget, .solid-bg.sidebar-content .widget { padding-left: 25px; padding-right: 25px } .bg-under-widget .sidebar-content .widget, .sidebar.bg-under-widget .widget, .solid-bg.sidebar-content .widget { padding: 25px 25px 15px } .bg-under-widget .sidebar-content .widget:first-child, .sidebar.bg-under-widget .widget:first-child, .solid-bg.sidebar-content .widget:first-child { margin-top: 0 } .content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child, .sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child { padding-top: 0 } .old-ie .sidebar .widget:first-child, .sidebar .widget:first-child, .sidebar-content .widget:first-child { border-top: none } .ancient-ie .sidebar .widget { zoom: 1 } .widget:after, .widget:before { content: ""; display: table; clear: both } .footer .widget { margin-bottom: 30px } .widget-info { margin-bottom: 10px } .content .widget ul { list-style: none } .custom-categories, .widget_categories ul { padding-bottom: 10px } .cat-item, .custom-categories li { overflow: hidden; margin: 9px 0 0; padding: 10px 0 0 } .custom-categories li { margin-top: 0 } .cat-item:first-child, .custom-categories>li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .cat-item a, .custom-categories a { text-decoration: none } .custom-categories a { display: block; clear: both } .custom-categories span.item-name { float: left } .custom-categories span.item-num { float: right; margin-left: 10px } .cat-item ul, .custom-categories ul { margin-left: 20px } #wp-calendar { margin: 25px 0 15px; border-width: 1px; border-style: solid } #wp-calendar caption { padding: 5px 0; height: auto; border-style: solid; border-width: 1px; border-bottom: none } #wp-calendar th { height: 25px; font-weight: 400 } .content #wp-calendar th { border: none } #wp-calendar td { width: 34px; height: 25px; border-style: solid; border-width: 1px; vertical-align: middle; text-align: center; line-height: 20px; cursor: default } #wp-calendar td a { display: block; width: 100%; text-decoration: none } #wp-calendar td.pad, .footer #wp-calendar td.pad { background: 0 0!important; border: none } #wp-calendar tfoot td { width: auto } #wp-calendar tfoot td#prev { padding-left: 10px; text-align: left } #wp-calendar tfoot td#next { padding-right: 10px; text-align: right } #wp-calendar tfoot td a:hover { background: 0 0; text-decoration: none } .form-fields span input { -webkit-appearance: none } .contact-form input[type=text], .contact-form textarea, .wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input[type=range], .wpcf7-form textarea { width: 100% } .wpcf7-form input[type=radio], .wpcf7-form input[type=checkbox] { width: auto } .comment-form-author input, .comment-form-email input, .comment-form-url input, .content .contact-form.dt-form .form-fields input, .dt-form .form-mail input, .dt-form .form-name input, .dt-form input, .wpcf7-form input { max-width: 100%; width: 100% } .style-ios .contact-form.dt-form .form-fields input { margin-bottom: 0 } #content .contact-form textarea:last-child, .style-minimal #content .contact-form.dt-form .form-fields input:last-child, .style-minimal .contact-form.dt-form .form-fields input { margin-bottom: 10px } .wpcf7-form input { width: auto } .comments-area .comment-form #submit { display: none!important } #reviews .comment-form #submit, .pp_content { display: inline-block!important } .comment-form-author input, .comment-form-email input, .comment-form-url input, textarea { width: 100% } .shortcode-contact-info, .shortcode-contacts { margin-bottom: 20px } .contact-info, .content .contact-info { margin: 0; padding-bottom: 10px } .contact-info li { margin: 5px 0 0; list-style: none } .contact-info li:first-child { margin-top: 0 } .widget .soc-ico { padding: 5px 0 10px } .custom-nav { margin: 0 } .custom-nav>li:first-child { border-top: none!important } .custom-nav>li>a { display: block; position: relative; padding: 0 0 10px; text-decoration: none } .custom-nav>li li a:before, .custom-nav>li>a:before { display: block; position: absolute; top: 14px; right: 0; width: 13px; height: 13px; content: ""; background-repeat: no-repeat; background-position: center center } .custom-nav>li .custom-menu li { border: none!important } .custom-nav>li li a { padding-left: 12px; background-image: none!important } .custom-nav>li li a:before { top: 50%; margin-top: -1px; right: auto; left: 0; width: 3px; height: 3px } .custom-nav>li>ul { display: none; margin: 0; padding: 0 20px 15px } .custom-nav>li>ul a span { display: inline-block } .custom-nav>li li { margin-top: 0; padding-top: 7px } .custom-nav>li>ul a:hover { text-decoration: none } .bg-under-widget .custom-nav>li:last-child>ul, .custom-nav>li:last-child>ul, .solid-bg .custom-nav>li:last-child>ul { margin-bottom: -5px } .custom-menu .widget_pages>ul, .menu { margin: 0; padding: 0 0 10px } .custom-menu li, .menu li, .qts-lang-menu li, .widget_pages li { display: block; position: relative; margin: 9px 0 0; padding: 10px 0 0 } .custom-menu>li:first-child, .menu>li:first-child, .qts-lang-menu li:first-child, .widget_pages>ul>li:first-child { border: none!important; margin-top: 0; padding-top: 0 } #page .qtrans_flag { width: auto; height: auto; background-position: 0 center } .custom-menu a, .menu a, .widget_pages a { text-decoration: none; padding-right: 15px } .custom-menu a { position: relative; display: block; padding-left: 23px; background-repeat: no-repeat; background-position: 0 5px } .custom-menu a:before { position: absolute; top: 5px; left: 0; width: 13px; height: 13px; content: "" } .custom-nav .has-children>a:after { display: block; position: absolute; top: 0; right: 0; margin-top: 5px; width: 8px; height: 8px; content: "" } .widget_pages a { display: inline-block } .content .custom-menu li ul, .content .menu li ul, .content .widget_pages li ul, .custom-menu li ul, .menu li ul, .widget_pages li ul { margin-left: 20px } .custom-nav .custom-menu li ul { padding-top: 10px } .tagcloud { padding-bottom: 15px } .widget_tag_cloud a { display: inline-block; padding: 0 3px; margin-bottom: 2px; text-decoration: none } .recent-posts { margin: 0; padding: 0 0 5px } .recent-posts li { display: block; overflow: hidden; margin: 9px 0 0; padding: 15px 0 0 } .widget .recent-posts li { margin-top: 0 } .recent-posts>li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .items-grid .post-content>a, .recent-posts a { display: inline-block; text-decoration: none } .recent-posts .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0 } .widget .tp_recent_tweets { margin-bottom: 10px } .widget .tp_recent_tweets li .twitter_time { position: relative; padding: 0 0 0 20px } .widget .tp_recent_tweets li { padding: 15px 0 0; background-image: none } .widget .tp_recent_tweets li:first-child { margin-top: 0; padding-top: 0; border: none!important } .widget .tp_recent_tweets li .twitter_time:before { position: absolute; display: block; top: 2px; left: 0; width: 15px; height: 15px; content: ""; background-position: 0 0; background-repeat: no-repeat } .widget .tp_recent_tweets li:first-child:before { top: 5px } .tp_recent_tweets li a { font-weight: 400; text-decoration: none } .widget .tp_recent_tweets .twitter_time { font-style: normal } .widget_search form { margin: 5px 0 15px } .widget_search input[type=text] { width: 100%; margin: 0 } .skills { padding-bottom: 5px } .skills.hide-percent .skill-value>span { display: none!important } .skill-name { margin-bottom: 5px } .skill-name span { float: right } .skill { margin-bottom: 10px; height: 15px } .style-material-design .skill { height: 5px } .skill-value { position: relative; width: 0; height: 100% } .skill-value:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px } .style-material-design .skill-value:after { display: none } html:not(.mobile-true) .skill-value { -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; -webkit-transition-delay: 300ms } .skill-value span { position: absolute; top: -26px; right: -16px; margin-right: 4px; padding: 2px 6px 3px; background-color: rgba(0, 0, 0, .8); color: #fff; font-size: 10px; font-family: Tahoma, san-serif; line-height: 14px } .skill-value span:after { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, .8); content: "" } .testimonials { padding-bottom: 10px } .widget .rsContW { padding-top: 5px } .widget .rsContW.testimonials { padding-top: 0 } .sidebar .widget .rsContW, .sidebar-content .widget .rsContW { margin-bottom: 30px } .footer .widget .rsContW { margin-bottom: 20px } body.testimonials { padding-bottom: 0 } .testimonial-vcard { display: table; margin: 20px 0 0; overflow: hidden } .testimonial-vcard .alignleft { margin: 0 20px 5px 0; font-size: 0; line-height: 0 } .testimonial-vcard .alignleft div { overflow: hidden } .testimonials.list-view li { position: relative; overflow: hidden; padding: 25px 0 0 } .testimonials.list-view li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .blogroll>ul, .custom-menu, .widget_archive>ul, .widget_categories>ul, .widget_links>ul, .widget_meta>ul, .widget_recent_comments>ul, .widget_recent_entries>ul { padding-bottom: 10px } .blogroll li, .custom-menu li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li { margin: 10px 0 0; padding: 0 } .custom-menu li { padding: 9px 0 0 } .blogroll li:first-child, .custom-menu>li:first-child, .widget_archive>ul>li:first-child, .widget_categories li:first-child, .widget_links>ul>li:first-child, .widget_meta li:first-child, .widget_recent_comments>ul>li:first-child, .widget_recent_entries li:first-child { margin-top: 0; padding-top: 0; border-top: none!important } .blogroll a, .widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a { display: inline-block; text-decoration: none } .single .items-grid { margin-bottom: -15px } .items-grid { margin-bottom: -20px } .items-grid .wf-cell { margin-bottom: 20px } .items-grid .borders { position: relative } .items-grid .borders:before { display: block; position: absolute; bottom: -15px; left: 0; width: 100%; content: "" } .items-grid article { overflow: hidden } .items-grid a { text-decoration: none } .items-grid .alignleft { margin: 5px 20px 5px 0; font-size: 0; line-height: 0 } #content .wpb_text_column .benefits-grid:last-child, #content .wpb_text_column .logos-grid:last-child, .benefits-grid, .benefits-grid:last-child, .benefits-style-one.benefits-grid.hover-line, .benefits-style-one.benefits-grid.static-line, .benefits-style-two.benefits-grid.hover-line, .benefits-style-two.benefits-grid.static-line, .logos-grid, .logos-grid:last-child, .wpb_column>.wpb_wrapper>.benefits-grid:last-child, .wpb_column>.wpb_wrapper>.logos-grid:last-child { margin-bottom: -40px } .benefits-grid .wf-cell { margin-bottom: 40px; text-align: center } .benefits-style-one.benefits-grid .wf-cell, .benefits-style-two.benefits-grid .wf-cell { text-align: left; margin-bottom: 30px } .benefits-style-one.benefits-grid, .benefits-style-two.benefits-grid { margin-bottom: -30px } .benefits-style-one.benefits-grid.hover-line .wf-cell, .benefits-style-one.benefits-grid.static-line .wf-cell, .benefits-style-two.benefits-grid.hover-line .wf-cell, .benefits-style-two.benefits-grid.static-line .wf-cell { margin-bottom: 40px } .benefits-style-two.benefits-grid .wf-td { vertical-align: top } .benefits-style-one.benefits-grid .wf-td { padding-bottom: 0 } .benefits-style-one .wf-cell>div, .benefits-style-two .benefits-inner, .line-decoration { position: relative } .hover-line .line-decoration, .static-line .line-decoration { padding-bottom: 10px; margin-bottom: 20px } .hover-line.benefits-style-one .wf-cell>div, .hover-line.benefits-style-two .benefits-inner, .static-line.benefits-style-one .wf-cell>div, .static-line.benefits-style-two .benefits-inner { padding-bottom: 25px } .hover-line .line-decoration:after, .hover-line.benefits-style-one .wf-cell>div:after, .hover-line.benefits-style-two .benefits-inner:after, .static-line .line-decoration:after, .static-line.benefits-style-one .wf-cell>div:after, .static-line.benefits-style-two .benefits-inner:after { position: absolute; left: 50%; bottom: 0; margin-left: -25px; width: 50px; height: 2px; content: "" } .hover-line.benefits-style-one .wf-cell>div:after, .hover-line.benefits-style-two .benefits-inner:after, .static-line.benefits-style-one .wf-cell>div:after, .static-line.benefits-style-two .benefits-inner:after { left: 0; margin-left: 0 } .benefits-grid .borders { position: relative; padding-top: 5px } .benefits-grid .borders:before { display: block; position: absolute; bottom: -20px; left: 0; width: 100%; content: "" } .benefits-grid .borders:after { display: block; position: absolute; top: 0; left: -20px; height: 100%; content: "" } .benefits-grid ol, .benefits-grid p, .benefits-grid ul { margin-bottom: 0 } .benefits-style-one .wf-table, .benefits-style-two .wf-table { width: auto } .benefits-grid-ico { display: block; margin: 0 auto 10px } .icons-bg .benefits-grid-ico { margin: 0 auto 20px } .benefits-style-one.benefits-grid.icons-bg .benefits-grid-ico { text-align: center } .benefits-style-one.benefits-grid .benefits-grid-ico { margin: 0 12px 10px 0 } .benefits-style-one .borders>div, .benefits-style-two .borders>div { overflow: hidden } .benefits-style-two.benefits-grid.icons-bg .benefits-grid-ico { text-align: center } .benefits-style-two.benefits-grid .benefits-grid-ico { margin: 5px 22px 0 0 } .content .icons-bg .benefits-grid-ico>img { max-width: 56px; max-height: 56px; vertical-align: middle; line-height: 0 } .content .benefits-style-one.icons-bg .benefits-grid-ico>img { max-width: 36px; max-height: 36px; height: auto } .content .benefits-style-two.icons-bg .benefits-grid-ico>img { max-width: 46px; max-height: 46px; height: auto } .benefits-inner { margin-top: -5px } .benefits-grid .details.more-link, .benefits-grid .more-link { overflow: hidden; margin-top: 10px; margin-right: 0 } .border-left-none .borders, .border-left-none .borders:after { border-left-color: transparent!important } .border-bottom-none .borders, .border-bottom-none .borders:before { border-bottom-color: transparent!important } ul.royalSlider { padding: 0; margin: 0 } ul.royalSlider.alignnone { margin: 0 0 15px } ul.royalSlider.aligncenter { margin: 0 auto 15px } ul.royalSlider.alignleft { margin: 0 30px 15px 0 } ul.royalSlider.alignright { margin: 0 0 15px 30px } .post ul.royalSlider.alignleft { margin-bottom: 25px } .shortcode-action-bg.no-line, .shortcode-action-box { word-wrap: break-word } .shortcode-action-bg.no-line:before { display: none; background-color: transparent } .shortcode-action-box.box-style-table { display: table; width: 100% } .box-style-table .shortcode-action-container { display: table-cell; vertical-align: middle } .shortcode-action-bg { position: relative; padding: 20px 25px 10px 30px; border-left-width: 5px; border-left-style: solid } .shortcode-action-bg.no-line { padding-left: 25px } #page .shortcode-action-bg:before { position: absolute; left: 0; top: 0; width: 5px; height: 100%; content: ""; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; -ms-border-top-right-radius: 0; -o-border-top-right-radius: 0; border-top-right-radius: 0 } .action-button { margin-bottom: 20px } .box-style-table .action-button { padding-top: 0; padding-left: 40px; margin-bottom: 0 } .box-style-table .action-button .dt-btn { float: right; margin-bottom: 10px; margin-right: 0 } .shortcode-pullquote { position: relative; background-color: transparent!important } #page .shortcode-pullquote.align-left, .shortcode-pullquote.align-left { float: left; margin: 15px 30px 10px 0; padding: 5px 20px 5px 0 } #page .shortcode-pullquote.align-right, .shortcode-pullquote.align-right { float: right; margin: 15px 0 10px 30px; padding: 5px 0 5px 20px } .shortcode-pullquote:after { position: absolute; top: 0; left: 0; width: 5px; height: 100%; content: "" } .shortcode-pullquote.align-left:after { left: auto; right: 0 } .shortcode-blockquote { position: relative; overflow: hidden; padding: 20px 25px; font-style: normal } blockquote.shortcode-blockquote { background-color: transparent; border: 1px solid } blockquote.shortcode-blockquote.block-style-widget { border: none } .shortcode-blockquote.block-style-widget:before { position: absolute; right: 0; bottom: 0; width: 117px; height: 81px; background-repeat: no-repeat; background-position: right bottom; background-size: 117px 81px; content: "" } .block-style-widget { border: none } .shortcode-blockquote p { margin-bottom: 0 } .content .image-arrow, .content .standard-arrow, .content .standard-number-list, .standard-arrow { margin: 0 0 15px } .content .image-arrow ul, .content .standard-arrow ul, .content .standard-number-list ul { margin: 0 } .standard-arrow li, .standard-number-list li { position: relative; padding-left: 24px; margin-bottom: 10px; list-style: none } .standard-arrow li:after, .standard-arrow li:before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 13px; height: 13px; content: ""; background-position: 0 center; background-repeat: no-repeat; background-size: 13px 13px } .standard-arrow.bullet-top li:after { top: 0; margin-top: 0; height: 13px } .list-divider li { padding-top: 9px; padding-bottom: 10px; margin-bottom: 0; border-top: 1px solid; background-position: 0 13px } .image-arrow .fa-ul li { padding-left: 2.14286em } .image-arrow .fa-ul li .fa-li { left: 0; line-height: inherit } .list-divider.image-arrow .fa-ul li .fa-li { padding: 9px 0 10px } .list-divider.image-arrow .fa-ul li:first-child .fa-li { padding-top: 0 } .list-divider li p { margin-bottom: 0 } .list-divider li:first-child { padding-top: 0; margin-bottom: 0; border: none!important; background-position: 0 4px } .standard-number-list { counter-reset: my-badass-counter } .standard-number-list li { position: relative; padding-left: 30px } .standard-number-list.list-divider li { padding-top: 9px } .standard-number-list li:before { position: absolute; text-align: center; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background-color: red; content: counter(my-badass-counter, decimal); counter-increment: my-badass-counter; font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 20px } .standard-number-list.list-divider li:first-child { padding-top: 0 } .standard-number-list.list-divider li:first-child:before { top: 10px } .standard-number-list.bullet-top li:before, .standard-number-list.bullet-top li:first-child:before { top: 0; margin-top: 0 } .standard-number-list.list-divider.bullet-top li:before, .standard-number-list.list-divider.bullet-top li:first-child:before { top: 10px; margin-top: 0 } .standard-number-list.list-divider.bullet-top li:first-child:before { top: 5px } .image-arrow li { overflow: hidden; width: 100%; margin-bottom: 10px; list-style: none } .image-arrow.list-divider li { margin-bottom: 0 } .image-arrow li .wf-table { width: auto } .image-arrow li .wf-table div { display: table-cell; vertical-align: middle } .image-arrow li .list-img { margin: 0 10px 0 0 } .font-arrow ul { list-style: none } .font-arrow .fa { font-size: 14px; margin-right: 10px } .st-accordion { padding-bottom: 10px } .content .st-accordion { margin-bottom: 10px } .st-accordion ul { margin: 0 } .st-accordion>ul>li { overflow: hidden; height: 20px; margin: 0; padding: 9px 0 0; list-style: none } #main .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header, .st-accordion>ul>li:first-child { padding-top: 0; margin-top: 0; border: none } .st-accordion li>a { display: inline-block; position: relative; padding-left: 25px; outline: 0 } .st-accordion li>a:before { position: absolute; top: 50%; left: 0; margin-top: -7px; width: 14px; height: 14px; content: "" } .st-content { display: none; padding: 10px 0 5px } .st-content p { margin-bottom: 0 } .st-accordion li>a:hover { text-decoration: none } .stripe .gw-go * { color: inherit } .shortcode-single-image-wrap { margin-bottom: 20px; max-width: 100% } .shortcode-single-image { position: relative; overflow: hidden; line-height: 0 } .post-video, .shortcode-single-video .fancy-media-wrap, .shortcode-single-video .shortcode-teaser-video, .shortcode-video { position: relative; display: block; overflow: hidden; padding-top: 30px; height: 0; padding-bottom: 56.25% } .post-video embed, .post-video iframe, .post-video object, .shortcode-single-video embed, .shortcode-single-video iframe, .shortcode-single-video object, .shortcode-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .shortcode-single-image img { width: 100%; height: auto } .borderframe .shortcode-single-image { border-style: solid } .borderframe.br-standard .shortcode-single-image { border: none } .content .borderframe.caption-on .shortcode-single-image { border-bottom: none } #main .borderframe.caption-on .shortcode-single-image { padding-bottom: 0!important } .shortcode-single-caption { width: 100%; height: auto; padding: 15px 20px } .br-standard.borderframe .shortcode-single-caption { border: none } .shortcode-single-caption { border: 1px solid; border-top: none } .shortcode-single-caption p { margin-bottom: 0 } .content .shortcode-banner-inside *, .stripe .shortcode-banner-inside * { color: inherit } .frame-on { padding-top: 25px } .frame-on.img-full { padding-top: 0 } .shortcode-teaser-img { line-height: 0; padding-bottom: 20px } .frame-on .shortcode-teaser-img { padding: 0 25px 25px } .img-full .shortcode-teaser-img { padding: 0 0 25px } .shortcode-teaser-img img { width: 100%; height: auto } .frame-on .shortcode-teaser-content { padding: 0 25px 10px } .shortcode-teaser-content { margin-top: -5px } .text-centered .shortcode-teaser-content { text-align: center } .btn-zoom, .details, .link.btn-link, .project-zoom { position: relative; display: inline-block; padding-right: 17px; background-repeat: no-repeat; background-position: right center; text-decoration: none } .style-material-design .details { padding-right: 0 } .details:after { position: absolute; top: 0; right: 0; width: 11px; height: 100%; content: ""; background-position: 0 center; background-repeat: no-repeat } .style-material-design .details:after { display: none } .project-zoom { padding-right: 19px } .project-zoom:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M21.938,2.519c-0.086-0.205-0.252-0.369-0.457-0.455C21.377,2.021,21.27,2,21.163,2h-6.726c-0.465,0-0.84,0.375-0.84,0.841c0,0.462,0.375,0.839,0.84,0.839h4.531l-5.688,5.679c-0.329,0.329-0.272,0.974,0.057,1.302c0.326,0.325,0.959,0.507,1.287,0.183l5.693-5.812v4.53c0,0.463,0.379,0.841,0.845,0.841c0.46,0,0.837-0.378,0.837-0.841v-6.72l0,0C22,2.729,21.98,2.622,21.938,2.519z%20M2.84,13.598c-0.463,0-0.84,0.377-0.84,0.842v6.722c0,0,0,0,0,0.003c0,0.107,0.021,0.218,0.062,0.316s0.102,0.187,0.176,0.265c0.004,0.003,0.004,0.008,0.006,0.011c0.003,0,0.006,0,0.008,0.004c0.075,0.075,0.166,0.137,0.266,0.178C2.621,21.979,2.73,22,2.84,22h6.723c0.465,0,0.84-0.377,0.84-0.84c0-0.467-0.375-0.842-0.84-0.842h-4.5l5.656-5.693c0.328-0.324,0.269-0.958-0.059-1.287c-0.327-0.328-0.957-0.385-1.285-0.057L3.68,19v-4.561C3.68,13.975,3.304,13.598,2.84,13.598z%22/%3E%3C/svg%3E) } .link.btn-link { padding-right: 20px } .btn-zoom { margin-right: 10px } .shortcode-teaser .details.more-link { margin-right: 0 } #page .dt-btn-link { position: relative; padding: 0; background: 0 0!important; border-bottom: 1px dashed transparent; text-decoration: none; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important } .dt-btn-link:after { position: absolute; top: 0; right: -17px; width: 13px; height: 25px; content: ""; background-position: 0 center; background-repeat: no-repeat } .shortcode-banner { position: relative; overflow: hidden; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; line-height: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .wf-table .shortcode-banner-inside { display: table-cell; vertical-align: middle } .shortcode-banner-link:hover .shortcode-banner-bg { opacity: .9; filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; cursor: pointer } .shortcode-banner img { width: 100%; height: auto } .shortcode-banner-bg { height: 100%; background-clip: padding-box } .shortcode-banner-inside { overflow: hidden; width: 100%; height: 100%; padding: 15px 20px; background-clip: padding-box } .content .slider-content .team-container { margin-bottom: 0 } .team-items .rsOverflow { padding-bottom: 13px } .team-container img { width: 100%; height: auto } .widget .team-container { padding: 0; text-align: center } .widget .team-media a.rollover { display: inline-block } .widget .team-container img { max-width: 81px } .team-desc { padding: 20px 0 0; text-align: center } #footer .team-desc, #sidebar .team-desc { padding: 8px 0 7px } .team-container .soc-ico { padding-top: 5px; margin-bottom: 18px; font-size: 0; line-height: 0 } .team-container.bg-on .soc-ico { margin-bottom: 13px } #footer .team-container .soc-ico, #sidebar .team-container .soc-ico, .sidebar-content .team-container .soc-ico { margin-bottom: 0 } .team-container .soc-ico a { display: inline-block; float: none } .content .team-items ul { margin: 0 } .round-images .team-container { text-align: center } .team-author-name { margin-bottom: 5px } .team-media { line-height: 0 } .article-top-bar { position: relative; overflow: hidden; margin: -40px 0 44px; z-index: 4 } .article-top-bar>.wf-wrap { padding: 0 22px } .article-top-bar .wf-container-top { display: table; width: 100%; padding: 0 0 10px } .article-top-bar.disabled-bg .wf-container-top { border: none; padding-bottom: 0 } .article-top-bar .entry-meta, .article-top-bar .navigation-inner, .article-top-bar .portfolio-categories { display: table-cell; padding: 0; margin-bottom: 0; vertical-align: middle } .article-top-bar .navigation-inner { min-width: 88px } .single-navigation-wrap { float: right; margin-right: -6px } .post-meta-disabled .single-navigation-wrap { float: none; text-align: center } .layout-list .blog-content, .layout-list .blog-media, .layout-list .project-list-content, .layout-list .project-list-media { display: block; float: left; width: 100% } .blog .post.bg-on, .portfolio .post.bg-on { border-top: none } .bg-on .blog-content, .bg-on .team-desc { padding: 15px 25px 10px } .bg-on .project-list-content { padding: 10px 25px } .slider-wrapper .bg-on .project-list-content { padding-top: 20px } .iso-container .bg-on .project-list-content>*, .iso-grid .bg-on .project-list-content>* { padding-top: 10px; padding-bottom: 0; margin-bottom: 0 } .iso-container .bg-on .project-list-content>:last-child, .iso-grid .bg-on .project-list-content>:last-child { margin-bottom: 10px } .bg-on .blog-media>p, .bg-on .project-list-media>p, .post.bg-on .alignleft, .post.bg-on .alignnone, .post.bg-on ul.royalSlider.alignnone { margin-bottom: 0 } .bg-on .blog-media, .bg-on .project-list-media, .round-images .bg-on .team-media { padding: 25px 25px 0 } .bg-on.fullwidth-img .blog-media, .bg-on.fullwidth-img .project-list-media { padding: 0 } .style-ios .wf-cell .post.bg-on.fullwidth-img:not(.format-quote):not(.format-link):not(.no-img) .blog-content, .style-ios .wf-cell .post.bg-on.fullwidth-img:not(.no-img) .project-list-content { border-top: none } .blog-media { position: relative; overflow: hidden; z-index: 9 } .bg-on .blog-content, .bg-on .blog-media { position: relative; z-index: 9 } .bg-on.post .alignnone { margin-top: 0 } .fancy-date { vertical-align: top; padding-right: 30px } .fancy-date.right-aligned { float: right; padding-right: 0; padding-left: 30px } .fancy-date a { position: absolute; z-index: 102; top: 0; left: 0; width: 44px; height: 93px; padding: 0 10px; color: #fff!important; text-decoration: none } .style-material-design .fancy-date a, .style-material-design .fullwidth-img .fancy-date a { top: 10px; left: 10px; width: auto; height: 30px; text-align: center } .style-material-design .fancy-date span { display: inline-block; vertical-align: middle; padding: 0 } .fancy-date a * { color: #fff!important } .project-even .fancy-date a, .right-aligned.fancy-date a { right: 0; left: auto } .style-material-design .project-even .fancy-date a, .style-material-design .right-aligned.fancy-date a { right: auto; left: 40px } .bg-on .right-aligned.fancy-date a, .project-even.bg-on .fancy-date a { right: 30px; left: auto } .bg-on .fancy-date a { top: 30px; left: 30px } .style-material-design .bg-on .fancy-date a { top: 35px; left: 35px } .fullwidth-img .fancy-date a, .layout-list .bg-on .fancy-date a { top: 0; left: 0 } .style-material-design .fullwidth-img .fancy-date a, .style-material-design.layout-list .bg-on .fancy-date a { top: 10px; left: 10px } .layout-list .project-even.bg-on .fancy-date a { right: 0; left: auto } .fancy-date span { position: relative; display: block; padding: 2px 0 0; text-align: center; font-family: Arial, sans-serif } .fancy-date span.entry-date { padding: 7px 0 5px } .style-material-design .fancy-date span.entry-date { padding: 0 0 0 5px; font-size: 14px; line-height: 30px } .fancy-date .entry-month, .fancy-date .entry-year { font-size: 10px } .style-material-design .fancy-date .entry-month { font-size: 14px; opacity: .5 } .fancy-date .entry-date { font-size: 20px } .fancy-date span:before { position: absolute; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 1px; background-color: rgba(255, 255, 255, .4); content: "" } .style-material-design .fancy-date .entry-year, .style-material-design .fancy-date span:before { display: none } .blog.layout-list .blog-content, .layout-list .project-list-content { padding-bottom: 10px } .iso-container .blog-content.wf-td, .iso-container .blog-media.wf-td, .iso-grid .blog-content.wf-td, .iso-grid .blog-media.wf-td, .layout-masonry .blog-content.wf-td, .layout-masonry .blog-media.wf-td, .media-wide .blog-content.wf-td, .media-wide .blog-media.wf-td, .shortcode-blog-posts .wf-td { display: block } .layout-list .post-slider { margin-right: 30px } .layout-list .project-even .post-slider { margin-right: 0; margin-left: 30px } .layout-list .media-wide .post-slider, .layout-list .media-wide.project-even .post-slider { margin-right: 0; margin-left: 0 } .project-even .alignleft, .project-even ul.royalSlider.alignleft { float: right; margin-right: 0; margin-left: 30px } .post-item { display: inline-block; vertical-align: top } .has-divider>article { padding-top: 15px; margin: 15px 0 0; border-top-width: 1px; border-top-style: solid } .post-item article { display: table } .post-content a { text-decoration: none } .items-grid .wf-td, .post-content, .post-img, .recent-posts .wf-td { display: table-cell; vertical-align: top } .post-img .alignleft { margin-right: 20px; margin-bottom: 0 } .shortcode-blog-posts .post { border: none } .shortcode-blog-posts .entry-meta { padding-bottom: 10px } .navigation-inner { overflow: hidden; margin-bottom: 5px } .navigation-inner a { float: left; width: 12px; height: 12px; padding: 5px 6px; background-repeat: no-repeat } .navigation-inner .prev-post { padding-right: 4px; background-position: center center } .navigation-inner .next-post { background-position: center center } .post-meta-disabled .navigation-inner .next-post { float: right } .back-to-list { background-position: center center } .post-meta-disabled .back-to-list { display: inline-block; float: none; padding: 0; margin: 0 20px } .navigation-inner a.disabled, .project-navigation .disabled, .project-navigation .disabled:hover { opacity: .4 } .navigation-inner a.disabled:hover, .project-navigation .disabled:hover { cursor: auto; text-decoration: none } .format-aside-content { padding: 25px 30px 15px; margin: 0 0 15px } .author-quote { border-left: 5px solid; padding-left: 10px } .format-status-content { padding: 25px 20px 15px; margin: 5px 0 15px } .format-link-content { padding: 25px 30px 15px; margin: 0 0 15px } .testimonial-item { position: relative; padding: 20px 25px } .style-ios .stripe .testimonial-item, .style-ios .testimonial-item { background: 0 0 } .style-ios .testimonial-item { border: 1px solid } .layout-list .testimonial-item, .testimonials-list .testimonial-item { margin-bottom: 20px } .footer .testimonials.rsContW .rsBullets { bottom: -32px; left: 0 } .testimonial-vcard a.text-primary:hover { text-decoration: none } .no-touch .benefits-grid.animation-builder, .no-touch .testimonial-item.testimonial-item-slider, .no-touch .wpb_tabs, .wpb_animate_when_almost_visible { -webkit-backface-visibility: hidden } #page .testimonial-item.testimonial-item-slider { margin-bottom: 32px } .rsCont .testimonial-item { margin-bottom: 20px } .testimonial-item ul { margin: 0; padding: 0 } .rsContainer li { list-style: none; text-align: left } .no-avatar { position: relative; width: 50px; height: 50px } .testimonial-vcard .no-avatar { width: 60px; height: 60px } .no-avatar:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-repeat: no-repeat; background-position: center } .comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar { width: 60px; height: 60px } .content .instagram-photos { overflow: hidden; margin-bottom: 20px } .widget .instagram-photos { overflow: hidden; margin-bottom: 15px; padding-top: 5px } .instagram-photos a { position: relative; float: left; max-width: 115px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; line-height: 0; opacity: 0 } .widget .instagram-photos a { max-width: 77px } .instagram-photos img { max-width: 100%; width: 100%; height: auto } .instagram-photos a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .no-touch .instagram-photos a:hover i { opacity: 1 } .slider-wrapper .blog-content, .slider-wrapper .blog-media, .slider-wrapper .project-list-content, .slider-wrapper .project-list-media { display: block } .text-on-img .fs-entry-slide { position: relative } .text-on-img .fs-entry-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; text-align: left } .bg-on.fullwidth-img .fs-entry-content { padding: 20px 30px 15px } .bg-on .fs-entry-slide { padding: 30px 30px 15px } .bg-on.fullwidth-img .fs-entry-slide { padding: 0 } .buttons-on-img.fs-entry-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; opacity: 0 } .no-touch .fs-entry-img:hover .buttons-on-img.fs-entry-content { opacity: 1 } .touch .text-on-img .fs-entry-content { opacity: 0; -webkit-backface-visibility: hidden } .touch .is-clicked .buttons-on-img i, .touch .is-clicked .fs-entry-content, .touch .is-clicked .rollover-thumbnails, .touch .text-on-img.always-show-info .fs-entry-content { display: block; visibility: visible!important; opacity: 1!important } .no-touch .text-on-img:not(.hover-grid) .fs-entry-content { display: block; opacity: 0 } .no-touch .text-on-img:not(.hover-grid) .fs-entry:hover .fs-entry-content { opacity: 1 } .text-on-img .link { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .link.act i, .no-touch .fs-entry-img i, .no-touch .link.act, .rollover-project>a.act i { opacity: 0 } .no-touch .fs-entry-img:hover i, .no-touch .rollover-project .link.act { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 } .touch .text-on-img .link { display: block } .touch .text-on-img .link.act { display: none } .rollover-project .link i { right: 0 } .close-link { position: absolute; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px } .no-touch .slider-wrapper .close-link { display: none } .no-touch .fs-entry:hover .link, .no-touch .shortcode-instagram .fs-entry:hover .link { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1 } .shortcode-instagram .link, .shortcode-instagram .link a { height: 100%; width: 100% } .rollover-content { position: absolute; top: 0; left: 0; z-index: 100; display: none; padding: 15px 20px 5px; width: 100%; height: 100% } .albums .rollover-content .rollover-thumbnails, .dt-albums-shortcode .rollover-content .rollover-thumbnails { margin-top: -15px } .fs-entry-img { position: relative; line-height: 0; font-size: 0 } .fs-entry-img i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat } .fs-entry-content { display: block; padding: 20px 0 0; width: 100%; height: 100%; z-index: 100; opacity: 0 } .text-centered .fs-entry-content { text-align: center } .fs-entry { opacity: 0 } .fs-entry:first-child { margin-left: 0!important } .fs-entry:last-child { margin-right: 0!important } .text-on-img .fs-entry { opacity: 1 } .no-touch .rollover-content, .touch .albums .rollover-content, .touch .buttons-on-img .rollover-content, .touch .media .rollover-content { display: block; opacity: 0 } .close-link:hover:parent { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0 } .no-touch .buttons-on-img:hover .rollover-content, .no-touch .rollover-project:hover .rollover-content { opacity: 1 } .project-details, .project-link { margin-right: 17px } .project-link:after, .testimonial-vcard .rollover i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M17.284,5.189c0.771,0.77,0.771,2.021,0,2.792l-7.058,7.056c1.315,0.351,2.771,0.024,3.8-1.007l4.654-4.653c1.542-1.542,1.542-4.04,0-5.584l-1.046-1.045c-1.541-1.543-4.041-1.543-5.583,0L7.398,7.398c-1.031,1.031-1.356,2.487-1.007,3.801l7.057-7.058c0.77-0.77,2.021-0.77,2.791,0L17.284,5.189z%20M16.602,16.603c1.031-1.029,1.354-2.487,1.008-3.801l-7.055,7.062c-0.771,0.767-2.022,0.767-2.791,0l-1.049-1.049c-0.77-0.772-0.77-2.022,0-2.792l7.056-7.06c-1.313-0.346-2.769-0.021-3.799,1.009l-4.654,4.65c-1.541,1.544-1.541,4.043,0,5.584l1.046,1.049c1.543,1.542,4.042,1.542,5.583,0L16.602,16.603z%22/%3E%3C/svg%3E) } .style-material-design .project-link:after, .style-material-design .slider-link, .style-material-design .testimonial-vcard .rollover i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpolygon%20points=%2214,14%202,14%202,2%205.011,2%205.011,0%202,0%200.011,0%200,0%200,14%200,16%202,16%2016,16%2016,15.989%2016,14%2016,10.989%2014,10.989%20%22/%3E%3Cpolygon%20points=%2214,-0.019%2014,0%208.993,0%208.993,2%2012.637,2%206.5,8.137%207.863,9.5%2014,3.364%2014,6.981%2016,6.981%2016,-0.019%20%22/%3E%3C/svg%3E) } .project-details, .project-link { margin-bottom: 5px; padding-right: 18px; background-repeat: no-repeat; background-position: right center } .project-details { padding-right: 14px } .close-link { right: -3px; top: -3px; cursor: pointer; display: none } .fs-entry .close-link { right: 0; top: 0 } .slider-wrapper .close-link, .touch .close-link { display: block } .fs-title { margin: 30px 0 35px; text-align: center } .slider-wrapper { position: relative; margin: 0 } .slider-wrapper.full { margin-top: 0 } .shortcode-tooltip { border-bottom: 1px dashed } .shortcode-tooltip:hover { border: none; cursor: help } .tooltip-c { display: none } .shortcode-tooltip-content { position: absolute; left: -9999px; z-index: 999; display: none; overflow: visible; margin: 5px 0 15px; padding: 13px 20px 17px; min-width: 210px; max-width: 210px; background: rgba(24, 25, 25, .95); color: #8f8f8f } .tooltip-title { display: block; margin-bottom: 10px } .logos-grid .wf-cell { margin-bottom: 40px; text-align: center } .logos-grid .borders { position: relative; font-size: 0 } .logos-grid .borders:before { position: absolute; display: block; bottom: -20px; left: 0; width: 100%; content: "" } .logos-grid .borders:after { position: absolute; display: block; top: 0; left: -20px; height: 100%; content: "" } .logos-grid .borders a, .logos-grid a { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0 } .logos-grid a:hover { opacity: .7 } .logos-grid img { max-width: 100%; height: auto } .logo-items li { text-align: center } .logo-items .rsOverflow { padding-bottom: 3px } .logo-items li a { line-height: 0; font-size: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .logo-items img { max-width: 100%; height: auto } .logo-items li a:hover { opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" } #main-slideshow .purchase.red, #main-slideshow .tp-button.red { background-color: #d73b37; color: #fff } #main-slideshow .purchase, #main-slideshow .tp-button { background-image: none; color: #fff!important } #main-slideshow .purchase.orange, #main-slideshow .tp-button.orange { background-color: #f36c0a; color: #fff } #main-slideshow .purchase.green, #main-slideshow .tp-button.green { background-color: #3ab459; color: #fff } #main-slideshow .purchase.blue, #main-slideshow .tp-button.blue { background-color: #2985c6; color: #fff } #main-slideshow .purchase.darkgrey, #main-slideshow .tp-button.darkgrey { background-color: #3e3f3f; color: #fff } #main-slideshow .purchase.lightgrey, #main-slideshow .tp-button.lightgrey { background-color: #a5a6a7; color: #fff } /*!- highlighted text*/ .dt-highlight { padding: 1px 4px } .dt-highlight.highlight-white { background-color: #fff; color: #2e2e2f } .dt-highlight.highlight-red { background-color: #d73b37; color: #fff } .dt-highlight.highlight-berry { background-color: #e32a5a; color: #fff } .dt-highlight.highlight-orange { background-color: #f36c0a; color: #fff } .dt-highlight.highlight-yellow { background-color: #f2a809; color: #fff } .dt-highlight.highlight-pink { background-color: #fd8fb6; color: #fff } .dt-highlight.highlight-green { background-color: #8cc63a; color: #fff } .dt-highlight.highlight-dark-green { background-color: #3ab459; color: #fff } .dt-highlight.highlight-blue { background-color: #27cff3; color: #fff } .dt-highlight.highlight-dark-blue { background-color: #2985c6; color: #fff } .dt-highlight.highlight-violet { background-color: #6946b8; color: #fff } .dt-highlight.highlight-black { background-color: #3e3f3f; color: #fff } .dt-highlight.highlight-gray { background-color: #a5a6a7; color: #fff } .no-touch .scale-on-hover .buttons-on-img>a, .no-touch .scale-on-hover .hover-fade .rollover-project>a, .no-touch .scale-on-hover .hover-style-one .rollover-project>a, .no-touch .scale-on-hover .testimonial-vcard a .alignleft, .no-touch .scale-on-hover .testimonial-vcard a .alignleft div, .no-touch .scale-on-hover a.post-rollover, .no-touch .scale-on-hover a.rollover, .no-touch .scale-on-hover div.rollover-video { overflow: hidden } .no-touch .scale-on-hover .rollover.vc_box_circle, .no-touch .scale-on-hover .round-images .rollover, .no-touch .scale-on-hover .testimonial-vcard a .alignleft, .no-touch .scale-on-hover .testimonial-vcard a .alignleft div, .no-touch .scale-on-hover .vc_box_circle, .no-touch .scale-on-hover a.post-rollover { -webkit-backface-visibility: hidden; -webkit-transform: translatez(0) } .no-touch .scale-on-hover .buttons-on-img>a img, .no-touch .scale-on-hover .hover-fade .rollover-project>a img, .no-touch .scale-on-hover .hover-scale .rollover-project>a img, .no-touch .scale-on-hover .hover-style-one .rollover-project>a img, .no-touch .scale-on-hover a.post-rollover img, .no-touch .scale-on-hover a.rollover img, .no-touch .scale-on-hover div.rollover-video img { -webkit-transition: -webkit-transform .5s ease; -moz-transition: -moz-transform .5s ease; -ms-transition: -ms-transform .5s ease; -o-transition: -o-transform .5s ease; transition: transform .5s ease } .no-touch .scale-on-hover .buttons-on-img:hover>a>img, .no-touch .scale-on-hover .hover-fade .rollover-project:hover>a img, .no-touch .scale-on-hover .hover-scale .rollover-project:hover>a img, .no-touch .scale-on-hover .hover-style-one .rollover-project:hover>a img, .no-touch .scale-on-hover .testimonial-vcard a.rollover:hover img, .no-touch .scale-on-hover a.post-rollover:hover img, .no-touch .scale-on-hover a.rollover:hover>div>img, .no-touch .scale-on-hover a.rollover:hover>img, .no-touch .scale-on-hover div.rollover-video:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .no-touch .is-safari.scale-on-hover .comment-author a.rollover:hover>img, .no-touch .is-safari.scale-on-hover .round-images a.post-rollover:hover img, .no-touch .is-safari.scale-on-hover .round-images a.rollover:hover>div, .no-touch .is-safari.scale-on-hover .round-images a.rollover:hover>img, .no-touch .is-safari.scale-on-hover .testimonial-vcard a.rollover:hover img, .no-touch .is-safari.scale-on-hover a.rollover.vc_box_circle:hover>img, .no-touch .is-safari.scale-on-hover a.rollover:hover>img.vc_box_circle, .no-touch .scale-on-hover a.rollover.vc_box_border>img, .no-touch .scale-on-hover a.rollover.vc_box_outline>img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .post-rollover, .rollover, .rollover-project>a, .rollover-video { position: relative; display: block; line-height: 0; text-decoration: none } .rollover.vc_box_border, .rollover.vc_box_circle, .rollover.vc_box_outline, .rollover.vc_box_rounded, .rollover.vc_box_shadow, .wpb_single_image .rollover { display: inline-block; max-width: 100% } .rollover.vc_box_border .vc_single_image-wrapper, .rollover.vc_box_circle .vc_single_image-wrapper, .rollover.vc_box_outline .vc_single_image-wrapper, .rollover.vc_box_rounded .vc_single_image-wrapper, .rollover.vc_box_shadow .vc_single_image-wrapper { display: block } .rsShor .rollover-video { position: static } .gallery-item .gallery-icon .rollover { display: inline-block } .rollover img { max-width: 100%; height: auto } .rollover:hover { text-decoration: none } .format-gallery .rollover { overflow: hidden } .rollover i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .albums .rollover-video i:after, .dt-albums-shortcode .rollover-video i:after, .dt-portfolio-shortcode .rollover-video i:after, .fs-entry-img i:after, .portfolio .rollover-video i:after, .rollover i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z%20M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z%22/%3E%3C/svg%3E) } .style-material-design .comment-author .rollover i:after, .style-material-design .dt-albums-shortcode .rollover-video i:after, .style-material-design .dt-portfolio-shortcode .rollover-video i:after, .style-material-design .fs-entry-img i:after, .style-material-design .post-rollover i:after, .style-material-design .project-details:after, .style-material-design .rollover i:after, .style-material-design .rollover-small i:after, .style-material-design .widget .team-media a.rollover i:after, .style-material-design.albums .rollover-video i:after, .style-material-design.portfolio .rollover-video i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpolygon%20points=%2216,7%209,7%209,0%207,0%207,7%200,7%200,9%207,9%207,16%209,16%209,9%2016,9%20%22/%3E%3C/svg%3E) } .format-photo .rollover i:after, .instagram-photos.dt-gallery-container .rollover.rollover-small i:after, .rollover-zoom i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M21.938,2.519c-0.086-0.205-0.252-0.369-0.457-0.455C21.377,2.021,21.27,2,21.163,2h-6.726c-0.465,0-0.84,0.375-0.84,0.841c0,0.462,0.375,0.839,0.84,0.839h4.531l-5.688,5.679c-0.329,0.329-0.272,0.974,0.057,1.302c0.326,0.325,0.959,0.507,1.287,0.183l5.693-5.812v4.53c0,0.463,0.379,0.841,0.845,0.841c0.46,0,0.837-0.378,0.837-0.841v-6.72l0,0C22,2.729,21.98,2.622,21.938,2.519z%20M2.84,13.598c-0.463,0-0.84,0.377-0.84,0.842v6.722c0,0,0,0,0,0.003c0,0.107,0.021,0.218,0.062,0.316s0.102,0.187,0.176,0.265c0.004,0.003,0.004,0.008,0.006,0.011c0.003,0,0.006,0,0.008,0.004c0.075,0.075,0.166,0.137,0.266,0.178C2.621,21.979,2.73,22,2.84,22h6.723c0.465,0,0.84-0.377,0.84-0.84c0-0.467-0.375-0.842-0.84-0.842h-4.5l5.656-5.693c0.328-0.324,0.269-0.958-0.059-1.287c-0.327-0.328-0.957-0.385-1.285-0.057L3.68,19v-4.561C3.68,13.975,3.304,13.598,2.84,13.598z%22/%3E%3C/svg%3E) } .style-material-design .format-photo .rollover i:after, .style-material-design .instagram-photos.dt-gallery-container .rollover.rollover-small i:after, .style-material-design .project-zoom:after, .style-material-design .rollover-zoom i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpolygon%20points=%2214,-0.02%2014,0%208.993,0%208.993,2%2014,2%2014,6.98%2016,6.98%2016,-0.02%20%22/%3E%3Cpolygon%20points=%222,9%200,9%200,16%202,16%202,15.98%207.007,15.98%207.007,13.98%202,13.98%20%22/%3E%3C/svg%3E) } .comment-author .rollover i:after, .post-rollover i:after, .rollover-small i:after, .widget .team-media a.rollover i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z%20M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z%22/%3E%3C/svg%3E) } .instagram-photos.dt-gallery-container .rollover.rollover-small i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M21.938,2.519c-0.086-0.205-0.252-0.369-0.457-0.455C21.377,2.021,21.27,2,21.163,2h-6.726c-0.465,0-0.84,0.375-0.84,0.841c0,0.462,0.375,0.839,0.84,0.839h4.531l-5.688,5.679c-0.329,0.329-0.272,0.974,0.057,1.302c0.326,0.325,0.959,0.507,1.287,0.183l5.693-5.812v4.53c0,0.463,0.379,0.841,0.845,0.841c0.46,0,0.837-0.378,0.837-0.841v-6.72l0,0C22,2.729,21.98,2.622,21.938,2.519z%20M2.84,13.598c-0.463,0-0.84,0.377-0.84,0.842v6.722c0,0,0,0,0,0.003c0,0.107,0.021,0.218,0.062,0.316s0.102,0.187,0.176,0.265c0.004,0.003,0.004,0.008,0.006,0.011c0.003,0,0.006,0,0.008,0.004c0.075,0.075,0.166,0.137,0.266,0.178C2.621,21.979,2.73,22,2.84,22h6.723c0.465,0,0.84-0.377,0.84-0.84c0-0.467-0.375-0.842-0.84-0.842h-4.5l5.656-5.693c0.328-0.324,0.269-0.958-0.059-1.287c-0.327-0.328-0.957-0.385-1.285-0.057L3.68,19v-4.561C3.68,13.975,3.304,13.598,2.84,13.598z%22/%3E%3C/svg%3E) } .blog .format-video .rollover i:after, .dt-blog-shortcode .format-video .rollover i:after, .dt-photos-shortcode .rollover-video i:after, .media .rollover-video i:after, .rollover-video .video-icon:before, .single-gallery-media .rollover-video i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2250px%22%20height=%2250px%22%20viewBox=%220%200%2050%2050%22%20enable-background=%22new%200%200%2050%2050%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M39.448,6.801h-29c-4.125,0-7.5,3.376-7.5,7.5V35.3c0,4.126,3.375,7.501,7.5,7.501h29c4.125,0,7.5-3.375,7.5-7.501V14.301C46.948,10.177,43.573,6.801,39.448,6.801z%20M43.366,34.767c0,1.216-0.49,2.366-1.378,3.236%09c-0.889,0.87-2.067,1.349-3.313,1.349H11.222c-1.246,0-2.421-0.479-3.312-1.349c-0.887-0.872-1.377-2.021-1.377-3.236V14.836c0-1.215,0.491-2.367,1.377-3.235c0.891-0.872,2.066-1.35,3.312-1.35h27.453c1.246,0,2.425,0.479,3.313,1.35c0.89,0.87,1.378,2.021,1.378,3.235V34.767z%20M18.886,33.809l16.125-9.008l-16.125-9.008V33.809z%22/%3E%3C/svg%3E) } .style-material-design .dt-blog-shortcode .format-video .rollover i:after, .style-material-design .dt-photos-shortcode .rollover-video i:after, .style-material-design .rollover-video .video-icon:before, .style-material-design .single-gallery-media .rollover-video i:after, .style-material-design.blog .format-video .rollover i:after, .style-material-design.media .rollover-video i:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%20fill=%22white%22%3E%3Cpath%20d=%22M3.125,4L10.2,8.001L3.125,12V3.8%20M1,0v16l13-8L1,0L1,0z%22/%3E%3C/svg%3E) } .description-on-hover>.wf-cell .rollover i, .description-on-hover>.wf-cell .rollover i:after { visibility: hidden } .description-on-hover>.wf-cell .description-off .rollover i, .description-on-hover>.wf-cell .description-off .rollover i:after, .description-on-hover>.wf-cell .forward-post .rollover i, .description-on-hover>.wf-cell .forward-post .rollover i:after, .testimonials .description-on-hover>.wf-cell .rollover i, .testimonials .description-on-hover>.wf-cell .rollover i:after { visibility: visible } .testimonial-vcard .rollover i { width: 60px; height: 60px } .touch .rollover i { display: none; visibility: hidden } .fs-entry-img i:after, .post-rollover i:after, .rollover i:after, .style-material-design .comment-author .rollover i:after, .style-material-design .round-images .rollover i:after, .style-material-design .testimonial-vcard .rollover i:after, .style-material-design .vc_box_circle.rollover i:after { position: absolute; display: none; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; content: "" } .style-material-design .fs-entry-img i:after, .style-material-design .rollover i:after { top: 10px; left: auto; right: 10px; margin: 0; width: 20px; height: 20px } .albums.rollover-show-icon .rollover-small.rollover i:after, .albums.rollover-show-icon .rollover-zoom.rollover i:after, .rollover-show-icon .dt-albums-shortcode .rollover-small.rollover i:after, .rollover-show-icon .dt-albums-shortcode .rollover-zoom.rollover i:after, .rollover-show-icon .fs-entry-img i:after, .rollover-show-icon .post-rollover i:after, .rollover-show-icon .rollover i:after, .style-material-design .comment-author .rollover i:after, .style-material-design .round-images .rollover i:after, .style-material-design .testimonial-vcard .rollover i:after, .style-material-design .vc_box_circle.rollover i:after, .style-material-design.rollover-show-icon .rollover-video .video-icon:after { display: block } #page .rollover-small i:after, .post-rollover i:after { top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px } .instagram-photos.dt-gallery-container .rollover.rollover-small i:after { background-position: center center; background-repeat: no-repeat } .touch .rollover-content { display: block; opacity: 0 } .no-touch .images-list:hover i, .no-touch .rollover:hover i, .rollover-video:hover i, .touch .is-clicked .rollover-content, .touch .rollover-content.is-clicked, .touch .rollover.is-clicked i { display: block; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .rollover-video i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .rollover-video .video-icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; opacity: .8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; background-position: center center; background-repeat: no-repeat } .rollover-video .video-icon:before { position: absolute; top: 50%; left: 50%; width: 88px; height: 76px; margin: -38px 0 0 -44px; background-color: rgba(11, 15, 16, .5); background-position: center center; background-repeat: no-repeat; content: "" } .style-material-design .rollover-video .video-icon:before { right: 5px; background-position: right top } .style-material-design .rollover-video .video-icon { opacity: 1 } .style-material-design .rollover-video .video-icon:after, .style-material-design.blog .rollover-video .video-icon:after { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; content: ""; border-radius: 100% } .style-material-design .rollover-video .video-icon:after { display: none } .style-material-design .rollover-video .video-icon:before, .style-material-design.blog .rollover-video .video-icon:before { z-index: 99; top: 50%; left: 50%; margin: -8px 0 0 -5px; width: 0; height: 0; border-top: 9px solid transparent; border-left: 16px solid #fff; border-bottom: 9px solid transparent; background: 0 0!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .images-list:hover .rollover-video .video-icon:before, .rollover-video:hover .video-icon:before { background-color: rgba(11, 15, 16, .8) } .dt-format-gallery .rollover-video .video-icon { opacity: 0 } .dt-format-gallery .rollover-video .video-icon:before, .dt-format-gallery .rollover-video:hover .video-icon:before { background-color: transparent } .albums .rollover-video .video-icon, .albums .rollover-video:hover .video-icon, .dt-albums-shortcode .rollover-video .video-icon, .dt-albums-shortcode .rollover-video:hover .video-icon, .dt-gallery-container .rollover-video .video-icon, .dt-portfolio-shortcode .rollover-video .video-icon, .media .rollover-video .video-icon, .media .rollover-video:hover .video-icon, .portfolio .rollover-video .video-icon, .portfolio .rollover-video:hover .video-icon { opacity: 0 } .albums .rollover-video i:after, .dt-albums-shortcode .rollover-video i:after, .dt-gallery-container .rollover-video i:after, .dt-portfolio-shortcode .rollover-video i:after, .jg-container .rollover-video i:after, .media .rollover-video i:after, .portfolio .rollover-video i:after { top: 0; left: 0; margin: 0; width: 100%; height: 100%; content: ""; background-repeat: no-repeat; background-position: center center } .style-material-design .dt-albums-shortcode .rollover-video i:after, .style-material-design .dt-gallery-container .rollover-video i:after, .style-material-design .dt-portfolio-shortcode .rollover-video i:after, .style-material-design .jg-container .rollover-video i:after, .style-material-design.albums .rollover-video i:after, .style-material-design.media .rollover-video i:after, .style-material-design.portfolio .rollover-video i:after { background-position: calc(100% - 10px) 10px } .rollover-video .video-icon:before { display: none } .rollover-show-icon .rollover-video .video-icon:before, .rollover-show-icon .rollover-video i:after { display: block } .albums .rollover-video:hover i, .dt-albums-shortcode .rollover-video:hover i, .dt-portfolio-shortcode .rollover-video:hover i, .media .rollover-video:hover i, .portfolio .rollover-video:hover i, .style-material-design .dt-gallery-container .rollover-video .video-icon { opacity: 1 } .format-gallery-normal .rollover-video .video-icon { background-size: 50px 50px } .rollover-video .video-icon:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .format-video .rollover i:after { background-position: center center } .post-rollover i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; opacity: 0 } .no-touch .post-rollover:hover i { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .rollover-project { position: relative; overflow: hidden } .post .rollover-project.alignnone { margin-bottom: 0 } .rollover-project .link i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .15); opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .rollover-thumbnails { position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -70px; width: 140px; height: 140px; z-index: 100; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .style-material-design .rollover-thumbnails { top: 10px; left: auto; right: 10px; margin: 0; width: 110px; height: 105px } .style-material-design .rollover-content .rollover-thumbnails { position: absolute; bottom: auto!important; top: 10px!important; margin: 0 } .blog-media .rollover-thumbnails { display: none } .rollover-show-icon .blog-media .rollover-thumbnails { display: block } .rollover-content .rollover-thumbnails { position: relative; display: block; height: 115px; top: 10px; margin-top: 5px; margin-bottom: 5px; opacity: 1 } .format-gallery.post .post-rollover i:after, .format-gallery.post .post-rollover i:before, .format-gallery.post i:after, .format-gallery.post i:before { display: none } .rollover-show-icon .format-gallery.post .dt-format-gallery i:after, .rollover-show-icon .format-gallery.post .dt-format-gallery i:before, .rollover-show-icon .format-gallery.post .items-grid i:after, .rollover-show-icon .format-gallery.post .items-grid i:before { display: block } .rollover-thumbnails span { position: absolute; top: 0; left: 0; width: 90px; height: 90px!important; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15); box-shadow: 0 0 5px 1px rgba(0, 0, 0, .15) } .style-material-design .rollover-thumbnails span { width: 47px; height: 47px!important; border: 3px solid #fff; -webkit-box-sizing: content-box; box-sizing: content-box } .no-touch .rollover:hover .rollover-thumbnails, .touch .rollover.is-clicked .rollover-thumbnails { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .rollover-thumbnails span i, .rollover-thumbnails span i:after { display: none!important } .rollover-thumbnails .r-thumbn-1 { top: 0; left: 49px; z-index: 102 } .style-material-design .rollover-content .rollover-thumbnails .r-thumbn-1, .style-material-design .rollover-thumbnails .r-thumbn-1 { top: 0; left: 6px; z-index: 100 } .rollover-thumbnails .r-thumbn-2 { top: -25px; left: 42px; width: 50px; height: 50px!important; z-index: 100 } .style-material-design .rollover-content .rollover-thumbnails .r-thumbn-2, .style-material-design .rollover-thumbnails .r-thumbn-2 { top: 0; left: 46px; width: 57px; height: 57px!important; z-index: 102 } .rollover-thumbnails .r-thumbn-3 { top: 4px; left: 0; width: 70px; height: 70px!important; z-index: 101 } .style-material-design .rollover-content .rollover-thumbnails .r-thumbn-3, .style-material-design .rollover-thumbnails .r-thumbn-3 { top: 50px; left: 56px; width: 47px; height: 47px!important; z-index: 101 } .rollover-content .rollover-thumbnails .r-thumbn-1 { top: 25px } .rollover-content .rollover-thumbnails .r-thumbn-2 { top: 0 } .rollover-content .rollover-thumbnails .r-thumbn-3 { top: 29px } .dt-format-gallery { overflow: hidden; max-width: 100% } .dt-format-gallery.shortcode-gallery { margin-bottom: 0 } .dt-format-gallery.shortcode-gallery a { line-height: 0 } .dt-format-gallery .rollover-video.big-img, .dt-format-gallery a.big-img { border-bottom: none } .gallery-col-1 .rollover-video, .gallery-col-1>a { width: 100% } .gallery-col-2 .rollover-video, .gallery-col-2>a { width: 50% } .gallery-col-2 .rollover-video.big-img, .gallery-col-2>a.big-img { width: 100% } .gallery-col-3 .rollover-video.big-img, .gallery-col-3 a.big-img { width: 66.6667% } .gallery-col-3 .rollover-video, .gallery-col-3>a { width: 33.3333% } .gallery-col-4 .rollover-video.big-img, .gallery-col-4 a.big-img { width: 50% } .gallery-col-4 .rollover-video, .gallery-col-4>a { width: 25% } .gallery-col-5 .rollover-video.big-img, .gallery-col-5 a.big-img { width: 40% } .gallery-col-5 .rollover-video, .gallery-col-5>a { width: 20% } .gallery-col-6 .rollover-video.big-img, .gallery-col-6 a.big-img { width: 33.3333% } .gallery-col-6 .rollover-video, .gallery-col-6>a { width: 16.6667% } .gallery-coll-half { float: left; line-height: 0 } .gallery-coll-fourth { float: left } .dt-format-gallery .rollover-video, .dt-format-gallery a { max-width: 100%; float: left; border-bottom: 2px solid transparent; border-right: 2px solid transparent } .dt-format-gallery.gallery-col-1 .rollover-video.big-img, .dt-format-gallery.gallery-col-1 a.big-img, .dt-format-gallery.gallery-col-2 .rollover-video.big-img, .dt-format-gallery.gallery-col-2 a.big-img { border-bottom: 3px solid transparent } .dt-format-gallery img { width: 100%; height: auto } body #load { height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 9501 } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } #page .ls-carousel .ls-loading-indicator, .pace .pace-activity { position: fixed; display: block; z-index: 2000; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background: #76c276; pointer-events: none; border-radius: 100% } #page .ls-carousel .ls-loading-container { width: 50px; height: 50px; border-radius: 100% } #page .ls-carousel .ls-loading-indicator { position: absolute; background: 0 0 } .rsPreloader .pace .pace-activity { position: absolute } #load .pace .pace-activity { margin: -65px 0 0 -65px; width: 130px; height: 130px; background: 0 0 } #page .ls-carousel .ls-loading-indicator:after, #page .ls-carousel .ls-loading-indicator:before, .pace .pace-activity:after, .pace .pace-activity:before { position: absolute; bottom: 9px; left: 9px; display: block; border: 3px solid #fff; border-radius: 50%; content: '' } #page .ls-carousel .ls-loading-indicator:before { bottom: 6px; left: 6px } #load .pace .pace-activity:after, #load .pace .pace-activity:before { border-width: 7px } #page .ls-carousel .ls-loading-indicator:before, .light-loading .pace .pace-activity:before, .pace .pace-activity:before { width: 32px; height: 32px; border-right-color: transparent!important; border-left-color: transparent!important; -webkit-animation: pace-rotation 3s linear infinite; animation: pace-rotation 3s linear infinite } #load .pace .pace-activity:after, #load .pace .pace-activity:before { border-color: rgba(255, 255, 255, .94) } #load .pace .pace-activity:before { bottom: 0; left: 0; width: 130px; height: 130px } #page .ls-carousel .ls-loading-indicator:after, .light-loading .pace .pace-activity:after, .pace .pace-activity:after { bottom: 17px; left: 17px; width: 16px; height: 16px; border-top-color: transparent!important; border-bottom-color: transparent!important; -webkit-animation: pace-rotation 1s linear infinite; animation: pace-rotation 1s linear infinite } #page .ls-carousel .ls-loading-indicator:after { bottom: 14px; left: 14px } #load .pace .pace-activity:after { bottom: 33px; left: 33px; width: 66px; height: 66px } @-webkit-keyframes pace-rotation { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) } } @keyframes pace-rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } } .shortcode-code { padding: 25px 20px } .rev_slider_wrapper { z-index: 1 } #page .tp-leftarrow.default.custom, #page .tp-rightarrow.default.custom { background: 0 0!important } #page .tparrows.default.custom { position: relative; width: 30px; height: 55px } #page .tparrows.default.custom:after, #page .tparrows.default.custom:before { position: absolute; left: 0; top: 0; width: 30px; height: 55px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9 } #page .tparrows.default.custom:after { top: 1px; left: 0; z-index: 8 } #main .gallery img { border: none } .blur-this { position: relative } .blur-this .blur-effect, .no-touch .blur-this .blur-effect, .no-touch .blur-this canvas, .no-touch .fs-entry-img .blur-effect { position: absolute; left: 0; top: 0; max-width: 100%; width: 100%!important; height: 100%!important; opacity: 0 } .images-list .blur-this .blur-effect { z-index: 9 } .images-list .blur-this i { z-index: 10 } .blur-this:hover .blur-effect, .buttons-on-img:hover .blur-effect, .hover-fade .fs-entry:hover .blur-effect, .hover-fade .rollover-project:hover .blur-effect, .hover-scale .rollover-project:hover .blur-effect, .hover-style-one .fs-entry:hover .blur-effect, .hover-style-one .rollover-project:hover .blur-effect, .images-list:hover .blur-this .blur-effect, .images-list:hover .blur-this i, .no-touch .blur-this:hover .blur-effect, .no-touch .fs-entry-img:hover .blur-effect { opacity: 1 } .hover-style-one .rollover:hover i, .hover-style-three .rollover-project .blur-effect, .old-ie .blur-effect { display: none } /*!-Edit link*/ .edit-link { padding: 5px 10px; background-color: #69c354; color: #fff; text-decoration: none; font-family: Arial, sans-serif; font-size: 12px } .edit-link:hover { color: #fff; background-color: #4fa53b } /*!-VC last-child*/ .last_toggle_el_margin, .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0!important } .offer-tag { display: none } /*!-Slideshow description*/ .slider-post-inner h4 { display: inline-block; vertical-align: middle; margin-bottom: 5px } #main .images-list-inner h4, #main .slider-post-inner h4, .images-list-inner, .slider-post-inner { text-shadow: 1px 1px 5px rgba(0, 0, 0, .5) } .images-list-inner .album-content-btn, .slider-post-inner .album-content-btn { display: block; float: left; width: 100%; margin-bottom: 10px } .style-material-design .slider-post-inner .album-content-btn { margin-bottom: 5px } .slider-link { display: block; float: left; width: 36px; height: 36px; background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M11.797,3.106c0.552,0.553,0.552,1.453,0,2.004l-5.07,5.074c0.945,0.249,1.991,0.016,2.73-0.725l3.344-3.345c1.109-1.108,1.109-2.904,0-4.012L12.049,1.35c-1.109-1.107-2.904-1.107-4.012,0L4.692,4.693C3.952,5.433,3.719,6.479,3.97,7.424l5.071-5.071c0.553-0.553,1.452-0.553,2.005,0L11.797,3.106z%20M11.307,11.309c0.741-0.742,0.974-1.789,0.724-2.733l-5.069,5.073c-0.554,0.553-1.453,0.553-2.004,0l-0.754-0.753%09c-0.553-0.552-0.553-1.452,0-2.008l5.072-5.069c-0.946-0.25-1.992-0.017-2.731,0.724L3.198,9.884c-1.107,1.109-1.107,2.904,0,4.013l0.752,0.753c1.108,1.108,2.904,1.108,4.012,0L11.307,11.309z%22/%3E%3C/svg%3E); background-repeat: no-repeat } .images-list-inner .share-button.entry-share, .slider-link, .slider-post-inner .share-button.entry-share { margin: 0 5px 5px 0; border: 2px solid rgba(255, 255, 255, .5); background-position: center center } .style-material-design .images-list-inner .share-button.entry-share, .style-material-design .slider-link, .style-material-design .slider-post-inner .share-button.entry-share { margin: 0 10px 5px 0; border: none } .images-list-inner .share-button.entry-share:hover, .slider-link:hover, .slider-post-inner .share-button.entry-share:hover { background-color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, 0) } .style-material-design .images-list-inner .share-button.entry-share:hover, .style-material-design .slider-link:hover, .style-material-design .slider-post-inner .share-button.entry-share:hover { background-color: transparent } /*!- Composer*/ .st-accordion li.st-open>a:before, .wpb_content_element.dt-style .wpb_accordion_header .ui-state-active>a:before, h4.wpb_toggle.dt-style:before { background-image: none } #main .wpb_content_element .wpb_accordion_header a, #main .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding-top: 9px; padding-bottom: 9px } #main .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding-top: 8px; padding-bottom: 8px } #main .wpb_content_element .wpb_accordion_header a { position: relative; display: inline-block; padding: 0 0 0 25px; -webkit-transition: none; -moz-transition: none; transition: none } #main .dt-accordion-line-on.wpb_content_element .wpb_accordion_header a { padding: 0 25px 0 0 } #main .wpb_content_element.dt-accordion-line-on .wpb_accordion_header a { display: block } #main .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a { display: block; padding: 9px 0 9px 18px } .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; padding: 9px 0 0; border-top: 1px solid } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element .wpb_accordion_header a, .wpb_content_element .wpb_accordion_header a:active, .wpb_content_element .wpb_accordion_header a:focus { outline: 0!important; -webkit-appearance: none } #main .wpb_content_element .wpb_accordion_header a:hover { opacity: 1 } #main .wpb_accordion .wpb_accordion_wrapper .ui-state-active>a:hover { text-decoration: none } #main .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, #main .wpb_toggle_content { padding: 10px 0 5px 25px; margin: 0; clear: both } #main .wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_content { padding-left: 0 } #main .dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 17px 0 13px } #content .dt-style.wpb_toggle { position: relative; float: left; clear: both; background: 0 0 } .dt-style.wpb_toggle:after, .dt-style.wpb_toggle:before, .st-accordion li>a:after, .wpb_content_element .wpb_accordion_header>a:after, .wpb_content_element .wpb_accordion_header>a:before { position: absolute; top: 50%; margin-top: -7px; left: 0; width: 14px; height: 14px; content: "" } .dt-accordion-line-on.wpb_content_element .wpb_accordion_header>a:after, .dt-accordion-line-on.wpb_content_element .wpb_accordion_header>a:before { left: auto; right: 0 } .dt-accordion-bg-on.dt-style.wpb_toggle:after, .dt-accordion-bg-on.dt-style.wpb_toggle:before, .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:after, .dt-accordion-bg-on.wpb_content_element .wpb_accordion_header>a:before { left: auto; right: 13px } .dt-style.wpb_toggle:after, .st-accordion li>a:after, .wpb_content_element .wpb_accordion_header>a:after { background-position: center center; background-repeat: no-repeat } #main .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { display: none } #main .wpb_content_element:not(.dt-accordion-line-on) .wpb_accordion_wrapper .wpb_accordion_header { margin: 10px 0 0; border: none } #main .wpb_content_element.dt-accordion-bg-on .wpb_accordion_wrapper .wpb_accordion_header { margin: 5px 0 0 } #main .wpb_content_element:not(.dt-accordion-bg-on) .wpb_accordion_wrapper .wpb_accordion_header { background: 0 0 } #main #content h4.wpb_toggle, #main .wpb_toggle { margin-bottom: 0 } #main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon, #main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon { display: none } #main .vc_text_separator div { top: -10px } #main #content .wpb_content_element .wpb_tabs_nav, #main .wpb_wrapper.ui-widget-content { background: 0 0 } #main .tab-style-one .wpb_wrapper.ui-widget-content, #main .tab-style-two .wpb_wrapper.ui-widget-content, #main .wpb_wrapper.ui-widget-content { border: none } .wpb_tabs.tab-style-two .wpb_tabs_nav { overflow: hidden } #main .vc_progress_bar .vc_single_bar .vc_label { height: 30px; padding-top: 0; padding-bottom: 0; line-height: 30px; text-shadow: none } #main .vc_progress_bar .vc_single_bar { height: 30px; margin-bottom: 10px } #main .vc_progress_bar .vc_single_bar:last-child { margin-bottom: 0 } #main .vc_progress_bar.vc-label-above .vc_single_bar { height: 13px } .style-material-design #main .vc_progress_bar.vc-label-above .vc_single_bar { height: 7px; margin-bottom: 15px } #main .wpb_posts_slider .flex-caption, #main .wpb_posts_slider .nivo-caption { background-color: transparent } #main .flexslider { padding: 20px; background: 0 0 } #main .wpb_posts_slider .flex-caption { padding: 20px 0 0; margin-bottom: -10px } #main .flex-direction-nav .flex-next, #main .flex-direction-nav .flex-prev { background-position: 0 0; width: 27px; height: 27px } #main .flex-control-nav { margin: 0 0 0 -20px } #main .flex-control-nav li { margin: 0 } #main .tab-style-one.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, #main .tab-style-three.wpb_content_element .wpb_tabs_nav li, #main .tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background: 0 0 } .style-ios .wpb_tabs.tab-style-two, .style-ios .wpb_tour.tab-style-two { border: 1px solid; background: 0 0 } .style-ios .tab-style-two.wpb_tabs .wpb_tabs_nav { overflow: hidden; border-bottom: 1px solid } .style-ios .tab-style-two.wpb_tour .wpb_tabs_nav, .wpb_tour.tab-style-three .wpb_tabs_nav { border-right: 1px solid } .style-minimal .wpb_tour.tab-style-two .wpb_tabs_nav { padding-right: 5px } .style-ios .tab-style-two.wpb_tour .wpb_tabs_nav li, .wpb_tour.tab-style-three .wpb_tabs_nav li { border-top: 1px solid } .style-minimal .tab-style-two.wpb_tour .wpb_tabs_nav li { margin-bottom: 5px } .style-ios .tab-style-two.wpb_tour .wpb_tabs_nav li:first-child, .tab-style-three.wpb_tour .wpb_tabs_nav li:first-child { border: none } .style-ios .content .tab-style-two .wpb_tabs_nav li, .style-ios .tab-style-two.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .style-ios .tab-style-two.wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab, .style-ios .tab-style-two.wpb_tabs .wpb_tabs_nav li:before, .style-material-design .stripe-transparent-bg .tab-style-two.wpb_tabs, .style-material-design.boxes-transparent-bg .tab-style-two, .style-minimal .wpb_tabs.tab-style-two, .style-minimal .wpb_tour.tab-style-two { background: 0 0!important } .style-ios .tab-style-two.wpb_tabs .wpb_tabs_nav li:before { display: block!important; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 1px; height: 17px; z-index: 98; border-left: 1px solid; content: "" } .style-ios .tab-style-two.wpb_tabs .wpb_tabs_nav li:first-child:before, .wpb_tour.tab-style-two .wpb_tabs_nav li.ui-tabs-active:before { display: none!important } .tab-style-one.wpb_tabs .wpb_tabs_nav li, .tab-style-three.wpb_tabs .wpb_tabs_nav li { position: relative; margin-right: 5px; border: none } .tab-style-one.wpb_tabs .wpb_tabs_nav li { margin-bottom: 5px } .style-ios #main .tab-style-one.wpb_tabs .wpb_tabs_nav li a { padding-bottom: 8px; padding-top: 8px } .tab-style-three.wpb_tabs .wpb_tabs_nav li { margin-right: 30px } #main .tab-style-three.wpb_tabs .wpb_tabs_nav li a { padding: 0 } .tab-style-two .wpb_tabs_nav li { position: relative } .tab-style-two .wpb_tabs_nav li.ui-tabs-active:before { position: absolute; display: block!important; top: -2px; left: 0; width: 100%; height: 2px; content: ""; -webkit-backface-visibility: hidden } .style-material-design .tab-style-two .wpb_tabs_nav li.ui-tabs-active:before { display: none!important } .style-material-design .wpb_content_element.tab-style-two .wpb_tabs_nav>li.ui-state-active>a, .style-material-design .wpb_content_element.tab-style-two .wpb_tabs_nav>li>a, .style-material-design .wpb_content_element.tab-style-two .wpb_tabs_nav>li>a * { color: #fff!important; -webkit-text-fill-color: #fff!important } .wpb_tour.tab-style-two .wpb_tabs_nav li.ui-tabs-active:before { top: 0; left: -2px; width: 2px; height: 100% } #main .ui-widget, #main .ui-widget-content, #main .wpb_wrapper.ui-widget-content { color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit } .tab-style-three .tab:first-child:before, .tab-style-three.wpb_tabs .wpb_tabs_nav li:first-child:before { border-left: none } .tab-style-two .wpb_tabs_nav>li { border: none } #page .wpb_content_element:not(.tab-style-two) .wpb_tour_tabs_wrapper .wpb_tabs_nav a { display: inline-block; width: auto } .tab-style-three.wpb_tabs .wpb_tabs_nav li:first-child a { padding-left: 0 } .tab-style-three.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .tab-style-three.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 15px 0 0 } .tab-style-two.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .tab-style-two.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 25px } .tab-style-one.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content, .tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding: 20px 0 0 } .tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 20px } .wpb_tour.tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab { padding-top: 0; padding-left: 25px } #main .wpb_tour_next_prev_nav { display: none } .wpb_tour.tab-style-one .wpb_tabs_nav li { margin-bottom: 5px } #main .wpb_tour.tab-style-one.wpb_content_element .wpb_tour_tabs_wrapper, #main .wpb_tour.tab-style-three.wpb_content_element .wpb_tour_tabs_wrapper, #main .wpb_tour.tab-style-two.wpb_content_element .wpb_tour_tabs_wrapper { display: table } #main #content .wpb_tour.tab-style-one.wpb_content_element .wpb_tabs_nav, #main #content .wpb_tour.tab-style-three.wpb_content_element .wpb_tabs_nav, #main #content .wpb_tour.tab-style-two.wpb_content_element .wpb_tabs_nav, #main .wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab, #main .wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab, #main .wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab { display: table-cell; float: none; vertical-align: top } #main .wpb_tour .ui-tabs .ui-tabs-nav li { float: none } .wpb_tour.wpb_content_element.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a { padding-left: 0 } #main .wpb_gmaps_widget .wpb_map_wraper { background: 0 0 } .wpb_gmaps_widget .wpb_map_wraper { padding: 0 } .interval { padding-bottom: 10px } #shaon-pricing-table .amount { line-height: 45px } #main #pricing-table .signup, #main .pricing-table .signup:hover { text-shadow: none } .blog .post .wp-smiley { width: auto } /*!- Scroll top*/ .scroll-top { position: fixed; right: 15px; bottom: 15px; width: 44px; height: 44px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .scroll-top.off { right: -45px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .scroll-top.on { right: 15px; opacity: 1; z-index: 109; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .scroll-top:before { display: block; width: 44px; height: 44px; content: ""; background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2244px%22%20height=%2244px%22%20viewBox=%220%200%2044%2044%22%20enable-background=%22new%200%200%2044%2044%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center } .project-post .project-navigation { overflow: hidden } .boxed-layout #tiptip_holder { top: -20px!important } /*!-Stripe background for device*/ .mobile-true .fancy-parallax-bg, .mobile-true .page-title-parallax-bg, .mobile-true .stripe { background-attachment: scroll!important; background-size: auto!important } .mobile-true .stripe-parallax-bg { background-size: auto!important } form.mc4wp-form label { font-weight: 400 } #main #content .rotatingtweet { padding: 25px 20px 20px } #content .rotatingtweets, embed, iframe, object, video { max-width: 100% } /*!-Video background*/ .stripe.stripe-video-bg, .stripe.stripe-video-bg .wf-container { position: relative } .stripe.stripe-video-bg>video { position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100% } .no-mobile .stripe.stripe-video-bg>video { display: block } .stripe.stripe-video-bg>video { display: none } #page .ls-defaultskin { border: none; padding: 0; text-shadow: none } #page .ls-defaultskin .ls-playvideo { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px } #page .ls-defaultskin .ls-fullscreen, #page .ls-defaultskin .ls-nav-sides, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop, #page .ls-defaultskin .ls-playvideo { background-image: none } #page .ls-defaultskin .ls-nav-next, #page .ls-defaultskin .ls-nav-next:hover, #page .ls-defaultskin .ls-nav-prev, #page .ls-defaultskin .ls-nav-prev:hover { background-position: 0 0 } #page .ls-defaultskin .ls-bottom-slidebuttons a { background-image: none } #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop { width: 18px; height: 18px; margin: 0 6px; background-color: #fff; background-repeat: no-repeat } #page .ls-defaultskin .ls-nav-start.ls-nav-start-active, #page .ls-defaultskin .ls-nav-start:hover, #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active, #page .ls-defaultskin .ls-nav-stop:hover { opacity: .65 } #page .ls-defaultskin .ls-nav-start.ls-nav-start-active, #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active { cursor: default } #page .ls-defaultskin .ls-nav-stop { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%09%20width=%2210px%22%20height=%2210px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22rgba(0,0,0, 0.8)%22%20d=%22M217.679,462h-120V50h120V462z%20M414.321,50h-120v412h120V50z%22/%3E%3C/svg%3E"); background-position: 4px center } #page .ls-defaultskin .ls-nav-start { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2210px%22%20height=%2210px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%09%3Cpolygon%20fill=%22rgba(0,0,0, 0.8)%22%20points=%22418.999,256.001%20121.001,462%20121.001,50%20%22/%3E%3C/svg%3E"); background-position: 5px center } #page .ls-defaultskin .ls-nav-next, #page .ls-defaultskin .ls-nav-prev { width: 30px; height: 55px; z-index: 10000; top: 50%; margin-top: -27px; position: absolute; background: 0 0 } #page .ls-defaultskin .ls-nav-next:after, #page .ls-defaultskin .ls-nav-next:before, #page .ls-defaultskin .ls-nav-prev:after, #page .ls-defaultskin .ls-nav-prev:before { position: absolute; left: 0; top: 0; width: 30px; height: 55px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9 } #page .ls-defaultskin .ls-nav-next:after, #page .ls-defaultskin .ls-nav-prev:after { top: 1px; left: 0; z-index: 8 } #page .ls-defaultskin .ls-nav-prev { left: 10px } #page .ls-defaultskin .ls-nav-next { right: 10px } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-sides { height: 20px } #page .ls-defaultskin .ls-bottom-nav-wrapper { margin-top: 0 } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-bottom-slidebuttons a, #page .ls-defaultskin .ls-nav-sides, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop { display: inline-block } #page .ls-defaultskin .ls-bottom-slidebuttons, #page .ls-defaultskin .ls-nav-sides, #page .ls-defaultskin .ls-nav-start, #page .ls-defaultskin .ls-nav-stop { top: -30px } #page .ls-defaultskin .ls-bottom-slidebuttons { top: -32px } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons, .overlap #page .ls-defaultskin .ls-nav-sides, .overlap #page .ls-defaultskin .ls-nav-start, .overlap #page .ls-defaultskin .ls-nav-stop { top: -97px } .overlap #page .ls-defaultskin .ls-bottom-slidebuttons { top: -99px } #page .ls-defaultskin .ls-thumbnail-hover { bottom: 29px; margin-left: 4px } #page .ls-defaultskin .ls-thumbnail-hover-bg { background: #eee } #page .ls-defaultskin .ls-thumbnail-hover span { border: 5px solid #eee; margin-left: -5px } #page .ls-defaultskin .ls-thumbnail { top: 10px } #page .ls-defaultskin .ls-thumbnail-inner { padding: 2px; margin-left: -2px; background: #fff } #page .ls-defaultskin .ls-thumbnail-slide a { margin-right: 2px } #page .ls-defaultskin .ls-nothumb { background: #eee } .ls-container.ls-carousel .ls-nav-next, .ls-container.ls-carousel .ls-nav-prev { width: 30px; height: 60px } .ls-container.ls-carousel .ls-nav-next:after, .ls-container.ls-carousel .ls-nav-prev:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat } #page .ls-carousel .ls-loading-indicator, .ls-container.ls-carousel .ls-nav-next, .ls-container.ls-carousel .ls-nav-next:hover, .ls-container.ls-carousel .ls-nav-prev, .ls-container.ls-carousel .ls-nav-prev:hover { background-repeat: no-repeat; background-position: center center } #page .ls-defaultskin .ls-fullscreen { width: 30px; height: 30px; right: 10px; top: 10px } #page .ls-carousel .ls-nav-next, #page .ls-carousel .ls-nav-prev { z-index: 90 } /*!-NextGEN gallery*/ #page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img { border: none; background: 0 0 } .ngg-navigation a.next:hover, .ngg-navigation a.page-numbers:hover, .ngg-navigation a.prev:hover { background: 0 0 } #page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img { border: none; background: 0 0 } #page .ngg-navigation a { font-weight: 400 } #page .ngg-navigation a.next:hover, #page .ngg-navigation a.page-numbers:hover, #page .ngg-navigation a.prev:hover { background-color: transparent } #page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img, .ngg-album-link a:hover img, .ngg-imagebrowser a:hover, .ngg-thumbnail a:hover { opacity: .7!important } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9442; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9443; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0!important; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046 } button::-moz-focus-inner { padding: 0; border: 0 } button.mfp-close:active { background: 0 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px } .mfp-arrow { position: absolute; opacity: .65; margin: -55px 0 0; top: 50%!important; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px; background: 0 0 } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow .mfp-a, .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow .mfp-b, .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px } .mfp-arrow-left { left: 0 } .mfp-arrow-left .mfp-a, .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left .mfp-b, .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right .mfp-a, .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right .mfp-b, .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 40px 0 90px; margin: 0 auto } .no-share-buttons img.mfp-img { padding: 40px 0 } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 90px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444 } .no-share-buttons .mfp-figure:after { bottom: 40px } .mfp-figure small, .mfp-iframe-scaler small { color: #bdbdbd; display: block; margin-top: 5px; font-size: 12px; line-height: 14px } .mfp-bottom-bar { margin-top: -77px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .no-share-buttons .mfp-bottom-bar { margin-top: -36px } .mfp-iframe-scaler .mfp-bottom-bar { margin-top: 0 } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } @media screen and (max-width:760px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-title { padding: 10px } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: block } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 10px; top: 13px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } .mfp-container .soc-ico a { background: rgba(255, 255, 255, .12)!important } .mfp-container .soc-ico a .icon { fill: #fff!important } .stripe .transparent-pie .vc_pie_wrapper .vc_pie_chart_back, .transparent-pie .vc_pie_wrapper .vc_pie_chart_back { border-color: transparent!important } .transparent-pie .vc_pie_wrapper span { width: 100%!important; height: auto!important } .transparent-pie .vc_pie_wrapper canvas { height: 70px!important; visibility: hidden } .transparent-pie .vc_pie_chart_value { font-size: 70px!important; line-height: 70px!important } .transparent-pie.vc_pie_chart[data-pie-color=wpb_button] .vc_pie_chart_value { color: #8e9397 } .transparent-pie.vc_pie_chart[data-pie-color=btn-primary] .vc_pie_chart_value { color: #2a82ec } .transparent-pie.vc_pie_chart[data-pie-color=btn-info] .vc_pie_chart_value { color: #18c7e1 } .transparent-pie.vc_pie_chart[data-pie-color=btn-success] .vc_pie_chart_value { color: #6ace19 } .transparent-pie.vc_pie_chart[data-pie-color=btn-warning] .vc_pie_chart_value { color: #ff6d1e } .transparent-pie.vc_pie_chart[data-pie-color=btn-danger] .vc_pie_chart_value { color: #ee283f } .transparent-pie.vc_pie_chart[data-pie-color=btn-inverse] .vc_pie_chart_value { color: #32363a } .vc_pie_chart .vc_pie_wrapper { visibility: hidden } #page .vc_pie_chart_back { opacity: 1 } .vc-label-above .vc_label { display: block; margin-bottom: 8px } #page .vc_progress_bar .vc_single_bar.bar_blue .vc_bar { background-color: #2a82ec } #page .vc_progress_bar .vc_single_bar.bar_turquoise .vc_bar { background-color: #18c7e1 } #page .vc_progress_bar .vc_single_bar.bar_green .vc_bar { background-color: #6ace19 } #page .vc_progress_bar .vc_single_bar.bar_orange .vc_bar { background-color: #ff6d1e } #page .vc_progress_bar .vc_single_bar.bar_red .vc_bar { background-color: #ee283f } #page .vc_progress_bar .vc_single_bar.bar_black .vc_bar { background-color: #32363a } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; background-repeat: no-repeat; background-size: 100% } .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px } .vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .ls-container a { text-decoration: none } .products mark { background: 0 0 } .responsive-off #megaMenu #megaMenuToggle { display: none } .responsive-off #megaMenu.megaResponsiveToggle ul.megaMenu { display: block } .responsive-off #megaMenu.megaResponsive ul.megaMenu>li.menu-item { display: inline-block; width: auto; border: none } .responsive-off #page #megaMenu.megaResponsive ul.megaMenu>li.menu-item>a { border: none } .full-width-wrap { display: block; opacity: 0 } .is-iphone .full-width-wrap { opacity: 1 } .full-width-wrap>.wf-cell, .full-width-wrap>.wpb_column { padding-left: 0; padding-right: 0 } #content span:last-child[class*=gw-go-btn-icon][class*=gw-go-btn-icon-large] { margin-bottom: -6px } #content span:last-child[class*=gw-go-btn-icon] { margin-bottom: -5px } .content .gw-go-col { border-top-width: 1px; border-bottom-width: 1px; border-color: #e2e2e2 } .content .gw-go-col:before { margin-top: 1px } #main .jg-container .wf-cell .post { margin: 0; padding: 0 } .jg-container .post .alignleft, .jg-container .post .alignnone { margin-bottom: 0 } #main .jg-container .wf-cell { float: left; opacity: 0; padding: 0 } .is-webkit #main .jg-container .wf-cell { float: left } #main .wpb_alert { text-shadow: none } #main .wpb_alert strong { font-style: normal } .justified-grid .full-width-wrap .rollover-content { z-index: 8 } .stripe .wpb_alert *, .wpb_alert, .wpb_alert * { color: #c09853 } .stripe .wpb_alert-success *, .wpb_alert-success, .wpb_alert-success * { color: #468847 } .stripe .wpb_alert-danger *, .stripe .wpb_alert-error *, .wpb_alert-danger, .wpb_alert-danger *, .wpb_alert-error, .wpb_alert-error * { color: #b94a48 } .stripe .wpb_alert-info *, .wpb_alert-info, .wpb_alert-info * { color: #3a87ad } /*!-Social icons*/ .soc-ico { overflow: hidden } .soc-ico a { position: relative; visibility: hidden; float: left; margin: 2px; width: 24px; height: 24px; text-align: center } .soc-ico a:after, .soc-ico a:before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; content: ""; border-radius: 100%; -webkit-transition: -webkit-transform .15s; transition: transform .15s } .soc-ico a:before, .soc-ico a:hover:after { -webkit-transform: scale(1); transform: scale(1) } .soc-ico a:after, .soc-ico a:hover:before { -webkit-transform: scale(0); transform: scale(0) } .soc-ico.text-centered a { float: none; display: inline-block } #top-bar .right-block .soc-ico a { float: right; margin: 2px } #bottom-bar .soc-ico a:hover, #top-bar .soc-ico a:hover, .soc-ico a, .soc-ico a:hover { text-decoration: none } .style-ios #page .soc-ico a:hover { background: 0 0 } .soc-ico a .icon { position: relative; z-index: 1; width: 24px; height: 24px } @font-face { font-family: dream-theme; src: url(../fonts-soc-ico/dream-theme.eot); src: url(../fonts-soc-ico/dream-theme.eot?#iefix) format('embedded-opentype'), url(../fonts-soc-ico/dream-theme.ttf) format('truetype'), url(../fonts-soc-ico/dream-theme.woff) format('woff'), url(../fonts-soc-ico/dream-theme.svg#dream-theme) format('svg'); font-weight: 400; font-style: normal } /*!-Hovers*/ .no-touch .rollover-content-container { position: relative; opacity: 0; bottom: -15px } .no-touch .fs-entry-slide:hover .rollover-content-container, .no-touch .hover-scale .rollover-content-container, .no-touch .rollover-project:hover .rollover-content-container, .touch .hover-scale .is-clicked .rollover-content-container, .touch .is-clicked .fs-entry-slide .rollover-content-container { opacity: 1; bottom: 0 } .cs-style-3 .rollover-content-container, .hover-style-one.always-show-info .rollover-content-container, .hover-style-two.hover-grid .rollover-content-container, .hover-style-two.hover-grid .rollover-thumbnails, .no-touch .cs-style-3 .rollover-project:hover .rollover-thumbnails, .touch .cs-style-3 .rollover-project.is-clicked .rollover-thumbnails, .touch .hover-style-one .is-clicked .rollover-content-container, .touch .hover-style-three .is-clicked .fs-entry .rollover-content-container { opacity: 1!important; bottom: 0!important; top: auto } .hover-grid .rollover-content, .no-touch .text-on-img.hover-grid .fs-entry-content { opacity: 1; top: 100% } .hover-grid .rollover-content, .hover-grid .rollover-project, .no-touch .text-on-img.hover-grid .fs-entry { overflow: hidden } .fs-entry-content .wf-table, .rollover-content .wf-table { height: 100% } .cs-style-3 .fs-entry, .cs-style-3 .rollover-project { overflow: hidden } .accent-gradient .cs-style-3 .fs-entry-content, .accent-gradient .cs-style-3 .rollover-content, .accent-gradient .hover-style-one .fs-entry-content { background: 0 0 } .cs-style-3 .rollover-project .rollover-content, .no-touch .cs-style-3 .fs-entry .fs-entry-content { top: auto; bottom: 0; height: auto; opacity: 1; text-align: center } .cs-style-3 .rollover-content, .cs-style-3.text-on-img .fs-entry-content { background: 0 0; padding: 0 } .cs-style-3 .rollover-content-wrap { position: relative; width: 100%; height: auto; top: auto; bottom: -1px; padding: 15px 20px 5px; min-height: 45px; opacity: 0; text-align: center; background-color: #262626 } .style-material-design .cs-style-3 .rollover-content-wrap { padding: 20px 25px 10px; text-align: left } .always-show-info.cs-style-3 .rollover-content-wrap { background-color: rgba(0, 0, 0, .3) } .accent-gradient .cs-style-3 .rollover-content .entry-title a:hover, .cs-style-3 .rollover-content, .cs-style-3 .rollover-content *, .cs-style-3 .rollover-content .entry-title a, .style-material-design .cs-style-3 .rollover-content .portfolio-categories a, .style-material-design .cs-style-3 .rollover-content .portfolio-categories a *, .style-material-design .cs-style-3 .rollover-content .portfolio-categories span { color: #fff!important; -webkit-text-fill-color: #fff!important } .accent-gradient .cs-style-3 .rollover-content .entry-title a { -webkit-backface-visibility: hidden; background-image: none } .cs-style-3 .rollover-content .portfolio-categories a, .cs-style-3 .rollover-content .portfolio-categories a *, .cs-style-3 .rollover-content .portfolio-categories span { color: rgba(255, 255, 255, .5)!important; -webkit-text-fill-color: rgba(255, 255, 255, .5)!important } .cs-style-3 .rollover-content-wrap:after { position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; content: "" } .no-touch .cs-style-3 .rollover-content-wrap { -webkit-transition: -webkit-transform .4s, opacity .1s .3s; -moz-transition: -moz-transform .4s, opacity .1s .3s; transition: transform .4s, opacity .1s .3s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .cs-style-3 .rollover-content-wrap:before, .description-under-image .links-container:after, .description-under-image .links-container:before, .links-container:after, .links-container:before { content: ""; display: table; clear: both } .cs-style-3 .rollover-project>a { position: relative; display: block } .cs-style-3 .rollover-project>a, .no-touch .cs-style-3 .fs-entry .fs-entry-img { -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; transition: transform .4s } .no-touch .cs-style-3 .fs-entry:hover .fs-entry-img, .no-touch .cs-style-3 .rollover-project:hover>a { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } .cs-style-3.always-show-info .rollover-content-wrap, .no-touch .cs-style-3.always-show-info .fs-entry .fs-entry-img, .no-touch .cs-style-3.always-show-info .rollover-project>a, .touch .cs-style-3.always-show-info .rollover-project.is-clicked>a { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .cs-style-3 .rollover-project:hover .rollover-content-wrap, .no-touch .cs-style-3 .fs-entry:hover .rollover-content-wrap, .touch .cs-style-3 .fs-entry .rollover-content-wrap, .touch .cs-style-3 .is-clicked .rollover-content-wrap, .touch .cs-style-3.always-show-info .fs-entry .rollover-content-wrap { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .4s, opacity .1s; -moz-transition: -moz-transform .4s, opacity .1s; transition: transform .4s, opacity .1s } .touch .cs-style-3.always-show-info .fs-entry-content { display: block!important } .cs-style-3 .rollover-thumbnails, .no-touch .cs-style-3 .links-container { opacity: 0 } .cs-style-3.always-show-info .rollover-content-wrap, .no-touch .cs-style-3 .fs-entry:hover .links-container, .no-touch .cs-style-3 .rollover-project:hover .links-container, .no-touch .cs-style-3 .rollover-project:hover .rollover-thumbnails, .touch .cs-style-3.always-show-info .fs-entry-content .links-container { opacity: 1 } .touch .cs-style-3 .fs-entry-content { top: auto; bottom: 0; height: auto } .accent-gradient .hover-style-one .fs-entry-content, .accent-gradient .hover-style-one .rollover-content, .hover-style-one .fs-entry-content, .hover-style-one .rollover-content { top: auto; bottom: 0; height: auto; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), rgba(0, 0, 0, .1) 50%, color-stop(100%, rgba(0, 0, 0, .6))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .6) 100%); background-color: transparent!important; color: #fff; text-align: center } .style-material-design .hover-style-one .rollover-content { height: 100%; text-align: left } .style-material-design .cs-style-3 .rollover-project .rollover-content, .style-material-design .rollover-content { height: 100%; padding: 0; text-align: left } .style-material-design .rollover-content-container { position: absolute; width: 100%; padding: 20px 25px 10px } .style-material-design .cs-style-3 .rollover-content-container { padding: 0 } .hover-style-one .fs-entry-img, .hover-style-one .rollover-project>a, .hover-style-three .fs-entry-img, .hover-style-three .rollover-project>a { position: relative } .hover-style-one .fs-entry-img:after, .hover-style-one .rollover-project>a:after, .hover-style-three .fs-entry-img:after, .hover-style-three .rollover-project>a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, .2); opacity: 0 } .no-touch .hover-style-one .fs-entry-slide:hover .fs-entry-img:after, .no-touch .hover-style-one .rollover-project:hover>a:after, .no-touch .hover-style-three .fs-entry-slide:hover .fs-entry-img:after, .no-touch .hover-style-three .rollover-project:hover>a:after { opacity: 1 } .hover-style-one .rollover-content-container { margin-top: 10px } .hover-style-two .fs-entry-content, .hover-style-two .rollover-content { text-align: center } .style-material-design .hover-style-two .rollover-content { text-align: left } .hover-style-two .rollover-content-container { margin-top: 10px } .no-touch .always-show-info .fs-entry:hover .fs-entry-img i, .no-touch .hover-style-one .fs-entry:hover .fs-entry-img i, .no-touch .hover-style-three .fs-entry:hover .fs-entry-img i { background-color: rgba(0, 0, 0, .2); background-image: none!important; opacity: 1 } .links-container { position: relative; line-height: 0!important; font-size: 0!important; text-align: center } .style-material-design .links-container { position: absolute; display: block; top: 5px!important; right: 5px; text-align: right } .no-touch .hover-style-one .links-container, .no-touch .hover-style-one .rollover-thumbnails, .no-touch .hover-style-two:not(.hover-grid):not(.hover-scale) .links-container, .no-touch .hover-style-two:not(.hover-grid):not(.hover-scale) .rollover-thumbnails { top: auto; bottom: 15px; opacity: 0 } .touch .links-container { visibility: hidden } .touch .is-clicked .links-container { visibility: visible; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; -webkit-transition-delay: 300ms } .no-touch .hover-style-one .fs-entry-slide:hover .links-container, .no-touch .hover-style-one .rollover-project:hover .links-container, .no-touch .hover-style-one .rollover-project:hover .rollover-thumbnails, .no-touch .hover-style-two:not(.hover-grid) .fs-entry-slide:hover .links-container, .no-touch .hover-style-two:not(.hover-grid):not(.hover-scale) .rollover-project:hover .links-container, .no-touch .hover-style-two:not(.hover-grid):not(.hover-scale) .rollover-project:hover .rollover-thumbnails { bottom: 0; opacity: 1 } .touch .hover-grid .rollover-content { top: 0!important; left: 0!important; display: block!important; opacity: 0 } .touch .hover-grid .is-clicked .rollover-content { opacity: 1 } .hover-style-three .links-container, .hover-style-three .rollover-thumbnails { margin-bottom: 15px } .hover-style-three .rollover-thumbnails { top: auto } .links-container>a { position: relative; display: inline-block; float: none; width: 46px; height: 46px; padding: 0; margin: 5px; text-indent: -9999px; line-height: 0; font-size: 0!important; background-image: none } .style-material-design #page .links-container>a { background: 0 0!important; width: 25px; height: 25px } .links-container a>span { display: block; position: absolute; width: 100%; height: 100%; left: -2px; top: -2px; border: 2px solid rgba(255, 255, 255, .38); opacity: 1; visibility: hidden } .style-ios .links-container a>span, .style-minimal .links-container a>span { -webkit-transition: opacity 0s ease, -webkit-transform 0s ease, border 0s ease; -moz-transition: opacity 0s ease, -moz-transform 0s ease, border 0s ease; -o-transition: opacity 0s ease, -o-transform 0s ease, border 0s ease; transition: opacity 0s ease, transform 0s ease, border 0s ease } .waves-effect .waves-ripple { position: absolute; top: 50%!important; left: 50%!important; border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; opacity: 0; background: rgba(255, 255, 255, .38); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); transform: scale(0); pointer-events: none } .no-touch .style-ios .links-container>a .icon-hover, .no-touch .style-minimal .links-container>a .icon-hover { visibility: visible; opacity: 0; -webkit-transform: scale(1.3); -mox-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s } .articles-list:not(.hover-color-static) .buttons-on-img .links-container>a:hover, .description-under-image:not(.hover-color-static) .buttons-on-img .links-container>a:hover, .hover-style-two:not(.hover-color-static) .links-container>a:hover, .no-touch .links-container>a:hover { background: rgba(255, 255, 255, .28) } .articles-list:not(.hover-color-static) .buttons-on-img .links-container>a, .description-under-image:not(.hover-color-static) .buttons-on-img .links-container>a, .hover-style-two:not(.hover-color-static) .links-container>a { background: rgba(255, 255, 255, .38) } .links-container>a:after { display: block; width: 100%; height: 100%; content: ""; background-position: center center; background-repeat: no-repeat } .buttons-on-img { position: relative; overflow: hidden; margin: 0 0 20px; text-align: center } .bg-on .buttons-on-img { margin: 0 } .layout-list .buttons-on-img { margin: 0 30px 25px 0 } .layout-list .project-even .buttons-on-img { margin: 0 0 25px 30px } .layout-list .bg-on .buttons-on-img { margin-top: 0 } .layout-list .media-wide .buttons-on-img { margin-right: 0; margin-left: 0 } .layout-list .media-wide.bg-on .buttons-on-img { margin-top: 0 } .buttons-on-img>p, .post .buttons-on-img .alignnone { margin-bottom: 0 } .post .buttons-on-img .alignleft { margin: 0 } .buttons-on-img>.rollover-content { padding: 0 } .always-show-info .rollover-content, .always-show-info.text-on-img .fs-entry-content, .touch .is-clicked .fs-entry-content { display: block; opacity: 1!important } /*!-VC carousel*/ .vc-item .post-thumb, .vc-item .vc_read_more { margin-bottom: 15px } .vc-item .post-thumb { padding-top: 5px } .vc-item .vc_read_more { float: left; overflow: hidden } .vc-item .post-thumb, .vc-item .post-thumb .link_image { font-size: 0; line-height: 0 } #page .vc-carousel-control { margin: -30px -16px 0; width: 26px; height: 60px; opacity: 1 } #page .vc-carousel-control .icon-next, #page .vc-carousel-control .icon-prev { position: absolute; left: 0; top: 50%; margin: -30px 0 0; width: 26px; height: 60px } #page .vc-carousel-control .icon-next:before, #page .vc-carousel-control .icon-prev:before { display: none } #page .vc-carousel-control .icon-next:after, #page .vc-carousel-control .icon-prev:after { position: absolute; left: 0; top: 0; height: 60px; width: 24px; background-position: center center; background-repeat: no-repeat; content: "" } #page .vc-carousel-control .icon-next:active:after, #page .vc-carousel-control .icon-prev:active:after { opacity: .8 } .vc-carousel { margin-bottom: 20px } #page .vc-carousel.vc-per-view-more .vc-carousel-slideline .vc-carousel-slideline-inner>.vc-item>.vc-inner { margin-left: 20px; margin-right: 20px } #page .vc-carousel-indicators { width: 100%; left: 0; bottom: -20px; margin: 0 } #page .vc-carousel-indicators li { border: none; background-color: transparent; background-repeat: no-repeat; background-position: center center } #page .vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner>.vc-item .link_image, #page .vc-carousel.vc-build .vc-carousel-slideline .vc-carousel-slideline-inner>.vc-item img { max-width: 100%; width: 100%; height: auto } .vc-item .vc_read_more { padding-right: 14px; background-position: right center; background-repeat: no-repeat } #page .vc-carousel-indicators li { width: 5px; height: 5px; margin: 0 } .paginator.paginator-more-button { text-align: center; border: none!important } .justified-grid .paginator.paginator-more-button { width: 100% } .paginator .button-load-more, .paginator .loading-ready { position: relative; display: inline-block; float: none; text-decoration: none } .button-load-more .h5-size { display: block; margin-top: 5px } .button-load-more:hover .h5-size { opacity: .3 } .style-ios .stick, .style-minimal .stick { display: none; width: 10px; height: 10px; margin: 0 7px; background-color: #333; border-radius: 100% } .style-material-design .iso-preloader .pace-activity:after { display: none } .style-material-design #page .stick:first-child, .style-material-design .iso-preloader .pace-activity:before { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 30px; height: 30px; border-radius: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; -webkit-animation: spin 1s infinite linear .2s; animation: spin 1s infinite linear .2s } .style-material-design .stick:first-child { border: 3px solid rgba(255, 255, 255, 0) } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 100% { transform: rotate(360deg) } } .style-ios .animate-load .stick, .style-minimal .animate-load .stick { -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .stick:nth-child(1), .stick:nth-child(2), .stick:nth-child(3) { display: inline-block } .style-ios .animate-load .stick:nth-child(1), .style-minimal .animate-load .stick:nth-child(1) { -webkit-animation-delay: -.32s; animation-delay: -.32s } .style-ios .animate-load .stick:nth-child(2), .style-minimal .animate-load .stick:nth-child(2) { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes bouncedelay { 0%, 100%, 80% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes bouncedelay { 0%, 100%, 80% { transform: scale(0); -webkit-transform: scale(0) } 40% { transform: scale(1); -webkit-transform: scale(1) } } .iso-container .wf-cell, .iso-grid .wf-cell { float: left } #header-side { background: #d7d7d7; position: absolute; width: 300px; height: 100%; left: 0 } .mini-login { display: inline-block; vertical-align: middle } .mini-login a { position: relative; padding-left: 22px; text-decoration: none } .mini-login a:before { position: absolute; top: 50%; left: 0; margin-top: -8px; height: 16px; width: 16px; background-position: 0 center; background-repeat: no-repeat; content: "" } #page .icon-off, #page .icon-off:before, #page .mini-login .submit.icon-off:before, #page .wc-ico-cart.icon-off:before { background: 0 0!important; padding-left: 0 } .mini-contacts, .mini-login, .mini-nav, .mini-search, .shopping-cart, .text-area { margin-left: 20px } #header .soc-ico { margin-left: 18px } #header #top-bar .soc-ico, #top-bar .mini-contacts, #top-bar .mini-login, #top-bar .mini-nav, #top-bar .mini-search, #top-bar .shopping-cart, #top-bar .text-area { margin-right: 20px; margin-left: 0 } #header #top-bar .right-block .mini-nav, #header #top-bar .right-block .soc-ico, #header #top-bar .right-block .text-area, #top-bar .right-block .mini-contacts, #top-bar .right-block .mini-login, #top-bar .right-block .mini-search, #top-bar .right-block .shopping-cart { margin-right: 0; margin-left: 20px } .header-side-left #header #top-bar .soc-ico, .header-side-left #header .header-bottom-bar .mini-nav, .header-side-left #header .header-bottom-bar .soc-ico, .header-side-left #header .header-bottom-bar .text-area, .header-side-left #top-bar .mini-contacts, .header-side-left #top-bar .mini-nav, .header-side-left #top-bar .text-area, .header-side-left .header-bottom-bar .mini-contacts, .header-side-left .header-bottom-bar .mini-login, .header-side-left .header-bottom-bar .mini-search, .header-side-left .header-bottom-bar.shopping-cart, .header-side-left .mini-login, .header-side-left .mini-search, .header-side-left .shopping-cart, .header-side-right #header #top-bar .soc-ico, .header-side-right #header .header-bottom-bar .mini-nav, .header-side-right #header .header-bottom-bar .soc-ico, .header-side-right #header .header-bottom-bar .text-area, .header-side-right #top-bar .mini-contacts, .header-side-right #top-bar .mini-nav, .header-side-right #top-bar .text-area, .header-side-right .header-bottom-bar .mini-contacts, .header-side-right .header-bottom-bar .mini-login, .header-side-right .header-bottom-bar .mini-search, .header-side-right .header-bottom-bar.shopping-cart, .header-side-right .mini-login, .header-side-right .mini-search, .header-side-right .shopping-cart { margin: 5px 10px!important } .text-area { display: inline-block; vertical-align: middle } .text-area>p { margin-bottom: 0 } #top-bar .top-text-near-logo, #top-bar .top-text-near-menu, #top-bar>span, .top-header-bottom-bar { display: none!important } .mini-login .submit.text-disable, .mini-search .submit.text-disable, .searchform .submit.text-disable, .wc-ico-cart.text-disable { padding-left: 16px; letter-spacing: -4px } #header .soc-ico a { line-height: 22px } #header .text-near-logo * { font-size: inherit } #main-nav li.mega-auto-width .sub-nav .sub-nav, #main-nav li.mega-auto-width .sub-nav .sub-nav>ul, #main-nav li.mega-full-width .sub-nav .sub-nav, #main-nav li.mega-full-width .sub-nav .sub-nav>ul { width: auto } .widget .testimonials article { position: relative; padding: 0 } .overlay, .share-overlay { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; background: rgba(153, 204, 51, .9) } .overlay-close { position: absolute; top: 30px; right: 30px; z-index: 100; overflow: hidden; width: 34px; height: 34px; outline: 0; border: none; background-position: center center; background-repeat: no-repeat; color: transparent; text-indent: 200% } .overlay-door, .share-overlay { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .5s .3s, visibility 0s .8s; transition: width .5s .3s, visibility 0s .8s } .overlay-door .searchform { position: relative; top: 50%; width: 560px; max-width: 100%; margin: -35px auto 0 } .overlay-door input[type=text] { width: 560px; max-width: 100%; height: 70px; margin-bottom: 0; padding-right: 50px; background: 0 0; border: 3px solid rgba(255, 255, 255, .5); color: #fff!important } .overlay-door input[type=text]:focus { color: #fff!important; background-color: rgba(255, 255, 255, .2) } .overlay-door input[type=text]::-webkit-input-placeholder { color: #fff } .overlay-door input[type=text]:-moz-placeholder { color: #fff } .overlay-door input[type=text]::-moz-placeholder { color: #fff } .overlay-door input[type=text]:-ms-input-placeholder { color: #fff } .overlay-door input[type=text]:input-placeholder { color: #fff } .overlay-door .submit { position: absolute; top: 2px; right: 15px; width: 40px; height: 70px; padding: 0; background-position: 0 center; background-repeat: no-repeat; text-indent: -9999px; background-size: 40px 40px } .overlay-door { padding: 30px } .overlay-door.open, .share-overlay.engage { visibility: visible; width: 100%; -webkit-transition: width .5s; transition: width .5s } .no-cssanimations .overlay-door.open, .no-cssanimations .share-overlay.engage { left: 0 } .overlay-door .overlay-close, .overlay-door .searchform, .share-overlay .overlay-close, .share-overlay .soc-ico, .share-overlay h1, .share-overlay h3 { opacity: 0; -webkit-transition: opacity .3s .5s; transition: opacity .3s .5s } .share-overlay .soc-ico a { visibility: hidden!important } .overlay-door.open .overlay-close, .overlay-door.open .searchform, .share-overlay.engage .overlay-close, .share-overlay.engage .soc-ico, .share-overlay.engage h1, .share-overlay.engage h3 { opacity: 1; -webkit-transition-delay: .5s; transition-delay: .5s } .share-overlay.engage .soc-ico a { visibility: visible!important } .overlay-door .overlay-close, .overlay-door .searchform, .share-overlay .overlay-close, .share-overlay .soc-ico, .share-overlay h1, .share-overlay h3 { -webkit-transition-delay: 0s; transition-delay: 0s } .overlay-door .wf-td, .share-overlay .wf-td { padding: 30px } /*!-Royal slider bullets*/ #page .rsCont .rsBullet, #page .rsContW .rsBullet, .content .rsShor .rsBullet, .tp-bullets.custom .bullet { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 2px; vertical-align: middle } #page .rsCont .rsBullet:after, #page .rsContW .rsBullet:after, .content .rsShor .rsBullet:after, .tp-bullets.custom .bullet:before { position: absolute; left: 1px; top: 1px; width: 8px; height: 8px; content: ""; border: 2px solid } .style-ios #page .rsCont .rsBullet:after, .style-ios #page .rsContW .rsBullet:after, .style-ios .tp-bullets.custom .bullet:before { border: none } #page .rsCont .rsBullet.rsNavSelected:after, #page .rsCont .rsBullet:hover:after, #page .rsContW .rsBullet.rsNavSelected:after, #page .rsContW .rsBullet:hover:after, .content .rsShor .rsBullet.rsNavSelected:after, .content .rsShor .rsBullet:hover:after, .tp-bullets.custom .bullet.selected:before, .tp-bullets.custom .bullet:hover:before { width: 10px; height: 10px; margin: -1px 0 0 -1px } .style-material-design #page .rsCont .rsBullet, .style-material-design #page .rsContW .rsBullet, .style-material-design .content .rsShor .rsBullet, .style-material-design .tp-bullets.custom .bullet { width: 14px; height: 14px } .style-material-design #page .rsCont .rsBullet:after, .style-material-design #page .rsContW .rsBullet:after, .style-material-design .content .rsShor .rsBullet:after, .style-material-design .tp-bullets.custom .bullet:before, .tp-bullets.custom .bullet.selected:before { width: 14px; height: 14px; border: none } .style-material-design #page .rsCont .rsBullet:hover:after, .style-material-design #page .rsContW .rsBullet:hover:after, .style-material-design .content .rsShor .rsBullet:hover:before, .style-material-design .tp-bullets.custom .bullet:before { -webkit-animation: anim-effect-bullet .3s ease-out forwards; animation: anim-effect-bullet .3s ease-out forwards } .style-material-design #page .rsCont .rsBullet.rsNavSelected:after, .style-material-design #page .rsContW .rsBullet.rsNavSelected:after, .style-material-design #page .tp-bullets.custom .bullet.selected:before, .style-material-design .content .rsShor .rsBullet.rsNavSelected:after { -webkit-animation: anim-effect-bullet-act .3s ease-out forwards; animation: anim-effect-bullet-act .3s ease-out forwards } @-webkit-keyframes anim-effect-bullet { 0% { -webkit-transform: scale(.5); transform: scale(.5) } 25%, 50% { opacity: 1 } to { opacity: 1; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes anim-effect-bullet { 0% { -webkit-transform: scale(.5); transform: scale(.5) } 25%, 50% { opacity: 1 } to { opacity: 1; -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes anim-effect-bullet-act { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 25%, 30% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5) } to { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transform: scale(1); transform: scale(1) } } @keyframes anim-effect-bullet-act { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 25%, 30% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5) } to { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transform: scale(1); transform: scale(1) } } #page .rsCont .rsBullet span, #page .rsContW .rsBullet span, .content .rsShor .rsBullet span, .tp-bullets.custom .bullet:after { position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -2px; width: 4px; height: 4px; content: "" } .style-material-design #page .rsCont .rsBullet span, .style-material-design #page .rsContW .rsBullet span, .style-material-design .content .rsShor .rsBullet span, .style-material-design .tp-bullets.custom .bullet:after { margin: -3px 0 0 -3px; width: 6px; height: 6px; border-radius: 100% } .style-material-design .content .rsShor .rsBullet span, .style-material-design .content .rsShor .rsBullet.rsNavSelected span { background-color: #fff } .content .rsShor .rsBullet.rsNavSelected span { background-color: rgba(255, 255, 255, .5) } .style-material-design .content .rsShor .rsBullet.rsNavSelected:after { background-color: rgba(255, 255, 255, .25) } .content .rsShor .rsBullet:hover:after, .tp-bullets.custom .bullet:hover:before { border-color: rgba(255, 255, 255, 1) } .content .rsShor .rsBullet.rsNavSelected:hover:after, .content .rsShor .rsBullet:after, .tp-bullets.custom .bullet.selected:before { border-color: rgba(255, 255, 255, .5) } #main-slideshow .tp-bullets.custom .bullet.selected:hover:before, #main-slideshow .tp-bullets.custom .bullet:before, #main-slideshow .tp-bullets.custom .bullet:hover:before { border-color: rgba(187, 187, 187, .5)!important } #main-slideshow .tp-bullets.custom .bullet.selected:after { background-color: rgba(187, 187, 187, .5)!important } /*!-Fancy header*/ .dt-fancy-separator { position: relative; overflow: hidden; margin: 0 auto; text-align: center } .dt-fancy-separator.title-left, .dt-fancy-separator.title-right { margin: 0 } .dt-fancy-separator.title-right { float: right; clear: both } .dt-fancy-separator.title-left { text-align: left } .dt-fancy-separator.title-left .dt-fancy-title { padding-left: 0 } .dt-fancy-separator.title-left .dt-fancy-title.bg-on { padding-left: 1em } .dt-fancy-separator.title-right { text-align: right } .dt-fancy-separator.title-right .dt-fancy-title { padding-right: 0 } .dt-fancy-separator.title-right .dt-fancy-title.bg-on { padding-right: 1em } .separator-holder { position: absolute; display: block; top: 49.99%; width: 2000px; border-top: 1px solid red; content: '' } .style-dashed .separator-holder { border-top-width: 1px; border-top-style: dashed } .style-dotted .separator-holder { border-top-width: 1px; border-top-style: dotted } .style-double .separator-holder { border-top-width: 3px; border-top-style: double } .style-thick .separator-holder { border-top-width: 5px; border-top-style: solid } .style-disabled .separator-holder { display: none } .separator-left { right: 100%; margin-right: 1em } .separator-right { left: 100%; margin-left: 1em } .dt-fancy-separator.line-below .separator-left { top: auto; right: 0; bottom: -1em; margin-right: 0 } .line-below .separator-holder { top: auto; bottom: -1em; margin-right: 0; margin-left: 0 } .dt-fancy-separator.line-below.title-left .separator-left { left: 0; right: auto } .dt-fancy-separator.line-below.title-right .separator-left { left: auto; right: 0 } .dt-fancy-separator.line-below.title-left .separator-right, .dt-fancy-separator.line-below.title-right .separator-right { display: none } .dt-fancy-title { position: relative; display: inline-block; top: 50% } .dt-fancy-title.bg-on { padding: 0 1em } .mCSB_container { width: auto } .mCSB_container.mCS_no_scrollbar { margin-right: 0 } .mCSB_scrollTools { opacity: 0; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s } .header-side-content:hover .mCSB_scrollTools { opacity: 1 } .mCustomScrollBox>.mCSB_scrollTools { width: 16px; height: 100%; top: 10px; right: 4px; z-index: 10 } .header-side-right .mCustomScrollBox>.mCSB_scrollTools { right: auto; left: 4px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center } .mCSB_scrollTools .mCSB_draggerRail { background: #000; background: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; background: rgba(255, 255, 255, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .filter-grayscale .content img, .filter-grayscale .footer img, .filter-grayscale .map-container, .filter-grayscale .royalSlider img, .filter-grayscale .shortcode-banner, .filter-grayscale .sidebar img, .filter-grayscale embed, .filter-grayscale iframe, .filter-grayscale object, .filter-grayscale-static .content img, .filter-grayscale-static .footer img, .filter-grayscale-static .map-container, .filter-grayscale-static .royalSlider img, .filter-grayscale-static .shortcode-banner, .filter-grayscale-static .sidebar img, .filter-grayscale-static embed, .filter-grayscale-static iframe, .filter-grayscale-static object { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray } .no-touch .filter-grayscale .content img, .no-touch .filter-grayscale .footer img, .no-touch .filter-grayscale .map-container, .no-touch .filter-grayscale .royalSlider img, .no-touch .filter-grayscale .shortcode-banner, .no-touch .filter-grayscale .sidebar img, .no-touch .filter-grayscale embed, .no-touch .filter-grayscale iframe, .no-touch .filter-grayscale object, .no-touch .filter-grayscale-static .content img, .no-touch .filter-grayscale-static .footer img, .no-touch .filter-grayscale-static .map-container, .no-touch .filter-grayscale-static .royalSlider img, .no-touch .filter-grayscale-static .shortcode-banner, .no-touch .filter-grayscale-static .sidebar img, .no-touch .filter-grayscale-static embed, .no-touch .filter-grayscale-static iframe, .no-touch .filter-grayscale-static object { -webkit-backface-visibility: visible!important; -webkit-transform: inherit!important } .filter-grayscale .content .rev_slider_wrapper:hover img, .filter-grayscale .content img:hover, .filter-grayscale .cs-style-3 .link:hover img, .filter-grayscale .dt-hovered img, .filter-grayscale .filter-disable img, .filter-grayscale .footer img:hover, .filter-grayscale .fs-entry:hover img, .filter-grayscale .map-container:hover, .filter-grayscale .mfp-wrap embed, .filter-grayscale .mfp-wrap iframe, .filter-grayscale .mfp-wrap object, .filter-grayscale .post-rollover:hover img, .filter-grayscale .rollover-project:hover img, .filter-grayscale .rollover-video:hover img, .filter-grayscale .rollover:hover img, .filter-grayscale .royalSlider:hover img, .filter-grayscale .rsThumb:hover img, .filter-grayscale .shortcode-banner:hover, .filter-grayscale .sidebar img:hover, .filter-grayscale embed:hover, .filter-grayscale iframe:hover, .filter-grayscale img.dt-hovered, .filter-grayscale img.filter-disable, .filter-grayscale object:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; filter: transparent } /*!-WP Audio*/ .mejs-controls .mejs-play:hover button { background-position: 0 0 } .mejs-controls .mejs-pause button, .mejs-controls .mejs-pause:hover button { background-position: 0 -16px } .mejs-controls .mejs-mute button:hover { background-position: -16px -16px } .mejs-controls .mejs-unmute button:hover { background-position: -16px 0 } #page .wpb_gmaps_widget .wpb_wrapper { padding: 0; background-color: transparent } .content .frame-on.frame-fancy { border: none } #main .chzn-container-single .chzn-single { background-image: none } #page .customSelect { padding: 6px 10px 5px } .widget_layered_nav .customSelect { margin-bottom: 10px } .nsu_widget label { margin-right: 10px } #pp_full_res .comment-form-author input, #pp_full_res .comment-form-email input, .content .searchform input, .widget .searchform input { padding-right: 30px } .gform_wrapper .gform_body input[type=password], .gform_wrapper .gform_body input[type=text], .gform_wrapper .gform_body input[type=tel], .gform_wrapper .gform_body input[type=url], .gform_wrapper .gform_body input[type=email], .gform_wrapper .gform_body input[type=number] { padding: 9px 10px 8px; font-size: 100% } .gform_wrapper .gform_body select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select, .mc4wp-form form select { padding: 6px 10px 5px; font-size: 100% } #pp_full_res .comment-form-author input, #pp_full_res .comment-form-email input { margin-left: 5px } .content .searchform input { width: 100% } .content .searchform, .widget .searchform { position: relative } .content .searchform .submit, .widget .searchform .submit, .widget .searchsubmit { position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; padding: 0; background-position: 0 0; background-repeat: no-repeat } .content .tp-simpleresponsive ul { margin: 0 } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { content: " "; display: block; background: #fff; position: absolute; z-index: 30 } .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px } .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px } .twentytwenty-after-label, .twentytwenty-before-label { position: absolute; width: 120px; padding: 3px 5px; color: #fff!important; font-size: 13px; line-height: 16px; vertical-align: middle; text-align: center; z-index: 99; opacity: 0; text-shadow: 0 0 2px rgba(0, 0, 0, .5) } .twentytwenty-horizontal .twentytwenty-before-label { bottom: 10px; left: 10px; text-align: left } .twentytwenty-horizontal .twentytwenty-after-label { bottom: 10px; right: 10px; text-align: right } .twentytwenty-vertical .twentytwenty-before-label { top: 10px; left: 50%; margin-left: -65px } .twentytwenty-vertical .twentytwenty-after-label { bottom: 10px; left: 50%; margin-left: -65px } .twentytwenty-container:hover .twentytwenty-after-label, .twentytwenty-container:hover .twentytwenty-before-label { opacity: 1 } .twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px } .twentytwenty-down-arrow, .twentytwenty-up-arrow { left: 50%; margin-left: -6px } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none } .twentytwenty-container img { max-width: 100%; width: 100%; height: auto; position: absolute; top: 0; display: block } .active-click .twentytwenty-handle, .twentytwenty-container.active-click img { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .twentytwenty-before { z-index: 20 } .twentytwenty-after { z-index: 10 } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; z-index: 40; cursor: pointer } .twentytwenty-container[data-navigation=move] .twentytwenty-handle { border: none; cursor: default } .twentytwenty-container[data-navigation=move] .twentytwenty-handle>span { display: none } .twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before { margin-bottom: 0; margin-left: 0 } .twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after { margin-top: 0; margin-left: 0 } .twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before { margin-left: 0; margin-top: 0 } .twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after { margin-right: 0; margin-top: 0 } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px } .rollover.vc_box_border .blur-effect, .rollover.vc_box_border i, .rollover.vc_box_outline .blur-effect, .rollover.vc_box_outline i { top: 6px; left: 6px; width: calc(100% - 12px)!important; height: calc(100% - 12px)!important } .transparent-pie[data-pie-color=dt-content] .vc_pie_wrapper span, .vc_pie_chart[data-pie-color=dt-content] canvas { opacity: .5 } #dropdown_product_cat, .mini-nav select, .shipping-calculator-form select, .widget_product_categories select, .woocommerce-ordering-div select, .woocommerce.widget_layered_nav select { opacity: 0 } div.pp_woocommerce.pp_pic_holder .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat #000 } .textwidget { margin-bottom: 10px } .slider-wrapper { visibility: hidden } .ts-wrap { position: relative; display: block } .ts-viewport { overflow: hidden; height: 0; -webkit-transform: translatez(0); transform: translatez(0) } .style-material-design.boxes-solid-bg .description-under-image .ts-viewport { padding: 5px } .content .ts-cont, .ts-cont { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none } .text-on-img .content .ts-cont, .text-on-img .ts-cont { margin: 0 } .no-touch .frame ul:hover { cursor: -moz-grab; cursor: -webkit-grab } .no-touch .frame.dragged ul, .no-touch .frame.dragged ul li *, .no-touch .frame.dragged ul li:hover * { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing } .ts-cell { position: absolute; top: 0; display: block } .fs-entry-img a { display: block } .ts-cell>img, .ts-slide>img { max-width: 100% } .fs-navigation { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .slider-wrapper .next, .slider-wrapper .prev { position: absolute; z-index: 99; left: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; opacity: 0; visibility: hidden } .slider-wrapper.arrows-accent .next, .slider-wrapper.arrows-accent .prev { width: 30px; height: 60px; margin-top: -30px } .slider-wrapper.hide-arrows .disabled { display: none } .slider-wrapper.arrows-accent .next, .slider-wrapper.arrows-accent .prev, .slider-wrapper.arrows-dark .next, .slider-wrapper.arrows-dark .prev, .slider-wrapper.arrows-light .next, .slider-wrapper.arrows-light .prev { visibility: visible } .slider-wrapper.show-arrows .next, .slider-wrapper.show-arrows .prev { opacity: 1 } .slider-wrapper .next i, .slider-wrapper .prev i { position: absolute; left: 0; top: 0; width: 40px; height: 40px } .slider-wrapper.arrows-accent .next i, .slider-wrapper.arrows-accent .next i:after, .slider-wrapper.arrows-accent .prev i, .slider-wrapper.arrows-accent .prev i:after { width: 30px; height: 60px } .arrows-light .next i, .arrows-light .prev i { background-color: #fff; -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .1); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .1) } .arrows-light .next:not(.disabled):hover i, .arrows-light .prev:not(.disabled):hover i { -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) } .arrows-light .next.disabled i, .arrows-light .next.disabled:hover i, .arrows-light .prev.disabled i, .arrows-light .prev.disabled:hover i { background-color: rgba(255, 255, 255, .5) } .arrows-dark .next i, .arrows-dark .prev i { background-color: rgba(34, 34, 34, .6) } .arrows-dark .next.disabled i, .arrows-dark .next.disabled:hover i, .arrows-dark .prev.disabled i, .arrows-dark .prev.disabled:hover i { background-color: rgba(34, 34, 34, .25) } .arrows-dark .next:hover i, .arrows-dark .prev:hover i { background-color: rgba(34, 34, 34, .85) } .arrows-light .prev i:after { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2219px%22%20height=%2219px%22%20viewBox=%220%200%2019%2019%22%20enable-background=%22new%200%200%2019%2019%22%20xml:space=%22preserve%22%3E%3Cpolygon%20id=%22arrow-25-icon%22%20fill=%22rgba(34,34,34,0.85)%22%20points=%226.669,9.406%2014.738,17.188%2012.988,19%203.262,9.406%2013.113,0%2014.738,1.688%20%22/%3E%3C/svg%3E") } .arrows-light .next i:after { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2219px%22%20height=%2219px%22%20viewBox=%220%200%2019%2019%22%20enable-background=%22new%200%200%2019%2019%22%20xml:space=%22preserve%22%3E%3Cpolygon%20id=%22arrow-25-icon%22%20fill=%22rgba(34,34,34,0.85)%22%20points=%224.262,1.688%205.887,0%2015.738,9.406%206.012,19%204.262,17.188%2012.332,9.406%20%22/%3E%3C/svg%3E") } .arrows-accent .prev i:after, .arrows-dark .prev i:after, .ls-container.ls-carousel .ls-nav-prev:after, .ls-container.ls-carousel .ls-nav-prev:hover:after { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2219px%22%20height=%2219px%22%20viewBox=%220%200%2019%2019%22%20enable-background=%22new%200%200%2019%2019%22%20xml:space=%22preserve%22%3E%3Cpolygon%20id=%22arrow-25-icon%22%20fill=%22rgba(255,255,255,1)%22%20points=%226.669,9.406%2014.738,17.188%2012.988,19%203.262,9.406%2013.113,0%2014.738,1.688%20%22/%3E%3C/svg%3E") } .arrows-accent .next i:after, .arrows-dark .next i:after, .ls-container.ls-carousel .ls-nav-next:after, .ls-container.ls-carousel .ls-nav-next:hover:after { background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2219px%22%20height=%2219px%22%20viewBox=%220%200%2019%2019%22%20enable-background=%22new%200%200%2019%2019%22%20xml:space=%22preserve%22%3E%3Cpolygon%20id=%22arrow-25-icon%22%20fill=%22rgba(255,255,255,1)%22%20points=%224.262,1.688%205.887,0%2015.738,9.406%206.012,19%204.262,17.188%2012.332,9.406%20%22/%3E%3C/svg%3E") } .arrows-dark .next i:after, .arrows-dark .prev i:after { opacity: .7 } .albums .rollover-content a:hover, .albums .rollover-project i:hover, .albums .rollover-project:hover, .dl-menuwrapper li.has-children .next-level:hover, .dt-albums-shortcode .rollover-content a:hover, .dt-albums-shortcode .rollover-project i:hover, .dt-albums-shortcode .rollover-project:hover, .dt-gallery-container .rollover-project i:hover, .dt-gallery-container .rollover-project:hover, .media .rollover-content:hover, .media .rollover-project i:hover, .media .rollover-project:hover, .menu-select select, .menu-select:hover, .mfp-gallery .mfp-image-holder .mfp-figure, .no-touch .forward-post .fs-entry-content:hover, .no-touch .forward-post .rollover-content:hover, .no-touch .forward-post.rollover-project:hover i, .no-touch .rollover-active .fs-entry-content:hover, .no-touch .rollover-active .rollover-content:hover, .no-touch .rollover-active.rollover-project:hover i, .overlay-close:hover, .rollover-project a:hover, .slider-wrapper .next i:hover, .slider-wrapper .prev i:hover, .tp-bullets.custom .bullet:hover, .tp-scrollbelowslider:hover { cursor: pointer } .slider-wrapper .next.disabled i:hover, .slider-wrapper .prev.disabled i:hover { cursor: auto } .slider-wrapper .next { left: auto; right: 10px } .slider-wrapper .next i:after, .slider-wrapper .prev i:after { position: absolute; left: 0; top: 0; height: 40px; width: 40px; background-position: center center; background-repeat: no-repeat; content: "" } .slider-wrapper .next i:after { width: 45px } .slider-wrapper .next.disabled i:active:after, .slider-wrapper .next.disabled i:after, .slider-wrapper .prev.disabled i:active:after, .slider-wrapper .prev.disabled i:after { opacity: .55 } .slider-wrapper .next i:active:after, .slider-wrapper .prev i:active:after { opacity: .8 } /*!-Photo Slider*/ .photo-scroller { position: relative; visibility: hidden; overflow: hidden } .photo-scroller.full-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999 } .photo-scroller:-webkit-full-screen, :-webkit-full-screen { width: 100%; height: 100% } .photo-scroller .ts-wrap { position: relative; display: block; overflow: hidden } .photo-scroller .ts-wrap.ts-centered { overflow: hidden } .show-overlay .ts-centered:before { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; content: ""; background: url(../images/mask.png) } .show-overlay .ts-centered.hide-overlay:before { display: none } .photo-scroller .ts-viewport { position: absolute; overflow: hidden; width: 100%; height: 0; margin: 0 auto; -webkit-transition: height 350ms; transition: height 350ms; -webkit-transform: translatez(0); transform: translatez(0) } .photo-scroller .ts-ready .ts-viewport { position: static } .photo-scroller .ts-autoHeight .ts-viewport { -webkit-transition: height 350ms; transition: height 350ms } .photo-scroller .ts-wrap.ts-centered .ts-viewport { width: 0; margin: 0 auto; overflow: visible } .photo-scroller .ts-cont { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none } .photo-scroller .ts-cell, .photo-scroller .ts-slide { position: absolute; top: 0; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center } .photo-scroller .ts-slide { width: 100%; height: 100% } .photo-scroller .ts-autoHeight .ts-slide { height: auto } #page .photo-scroller .act .ps-link, #page .photo-scroller .act .video-icon, #page .photo-scroller .ts-cell.act .ts-slide-img, #page .photo-scroller .ts-slide.act .ts-slide-img { opacity: 1!important } .photo-scroller .ts-slide figcaption { visibility: hidden } .photo-scroller .ts-cell img, .photo-scroller .ts-slide img { opacity: 0; -webkit-transition: opacity 1350ms; transition: opacity 1350ms } .photo-scroller .ts-cell>img, .photo-scroller .ts-slide>img { max-width: 100%; max-height: 100%; height: auto } .photo-scroller .ts-cell.ts-loaded img, .photo-scroller .ts-slide.ts-loaded img { opacity: 1 } .photo-scroller .ts-cell .ts-slide-img { position: relative; -webkit-backface-visibility: hidden } .photo-scroller .ts-cell .ts-slide-img>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto } .photo-scroller .ts-slide-img { position: absolute; top: -50%; left: -50%; width: 200%; height: 200% } .ts-ls-fit .ts-wide.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-ls-fit .ts-narrow.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-pt-fit .ts-wide.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-pt-fill .ts-wide.ts-pt img, .ts-pt-fit .ts-narrow.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-pt-fill .ts-narrow.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-ls-fill .ts-wide.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-collapsed.ts-ls-mob-fit .ts-wide.ts-ls img, .ts-ls-fill .ts-narrow.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-collapsed.ts-ls-mob-fit .ts-narrow.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-collapsed.ts-pt-mob-fit .ts-wide.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-collapsed.ts-pt-mob-fill .ts-wide.ts-pt img, .ts-collapsed.ts-pt-mob-fit .ts-narrow.ts-pt img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-collapsed.ts-pt-mob-fill .ts-narrow.ts-pt img { width: auto; max-width: none; height: 50%; max-height: 50% } .ts-collapsed.ts-ls-mob-fill .ts-wide.ts-ls img { width: 50%; max-width: 50%; height: auto; max-height: none } .ts-collapsed.ts-ls-mob-fill .ts-narrow.ts-ls img { width: auto; max-width: none; height: 50%; max-height: 50% } /*!Scroller navigation*/ .btn-cntr, .photo-scroller .scroller-thumbnails, .photo-scroller .slide-caption, .project-navigation { position: absolute; z-index: 99 } .btn-cntr, .photo-scroller .scroller-thumbnails, .photo-scroller .slide-caption { -webkit-transition: bottom .5s ease; -moz-transition: bottom .5s ease; -ms-transition: bottom .5s ease; -o-transition: bottom .5s ease; transition: bottom .5s ease } #page .photo-scroller .album-content-btn .share-button, #page .photo-scroller .album-content-btn .share-button:hover, #page .photo-scroller .album-content-btn>a:hover, .btn-cntr a, .photo-scroller .album-content-btn>a, .photo-scroller .scroller-thumbnails, .project-navigation { background-color: #000; background-color: rgba(0, 0, 0, .4) } #page .photo-scroller .album-content-btn .share-button, #page .photo-scroller .album-content-btn>a { border: none } .project-navigation { top: 10px; right: 10px; padding: 6px 5px 7px } .full-screen .project-navigation { display: none } .scroller-thumbnails { bottom: 0; width: 100% } .photo-scroller .slide-caption { z-index: 100; bottom: 130px; left: 10px; width: 100%; max-width: 100% } .photo-scroller.disable-thumbs .slide-caption { bottom: 5px!important } .photo-scroller figcaption { opacity: 0; visibility: hidden; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; transition: opacity .4s } .photo-scroller .album-content-btn { position: absolute; left: 0; bottom: 0 } .album-content-description { position: absolute; left: 50%; bottom: 0; margin-left: -200px; width: 400px; text-align: center; text-shadow: 1px 1px 5px rgba(0, 0, 0, .5) } .photo-scroller .slide-caption figcaption.actCaption { opacity: 1; visibility: visible } .btn-cntr { position: absolute; z-index: 100; right: 10px; bottom: 100px } .hide-thumbs.photo-scroller .slide-caption, .photo-scroller.disable-thumbs .slide-caption { bottom: 30px } .photo-scroller.disable-thumbs .btn-cntr, .photo-scroller.hide-thumbs .btn-cntr { bottom: 5px!important } .photo-scroller.disable-thumbs .hide-thumb-btn, .photo-scroller.disable-thumbs .scroller-thumbnails { display: none } .photo-scroller.hide-thumbs .scroller-thumbnails { bottom: -100px } .photo-scroller .slide-caption h4 { margin-bottom: 0 } .album-share-overlay, .album-share-overlay .share-button.entry-share, .photo-scroller .btn-project-link { float: left; width: 36px; height: 36px; padding: 0; margin: 0 5px 5px 0 } .style-material-design .album-share-overlay, .style-material-design .photo-scroller .btn-project-link, .style-material-design .slider-link { width: 20px } .album-share-overlay .share-button.entry-share { text-indent: -9999px } .album-share-overlay, .project-share-overlay { position: relative } .album-share-overlay .share-button.entry-share { margin: 0 } .album-share-overlay .soc-ico, .project-share-overlay:not(.allways-visible-icons) .soc-ico { position: absolute; z-index: 999; visibility: hidden; overflow: visible; opacity: 0; left: 0; bottom: 46px; width: 36px; background-color: #fff } .project-share-overlay.allways-visible-icons .soc-ico { display: inline-block; vertical-align: middle; margin-left: 10px } .project-share-overlay:not(.allways-visible-icons) .soc-ico { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 150px; height: 36px; padding: 0 3px; text-align: center } .single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 48px } .project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico { bottom: 38px } .project-share-overlay:not(.allways-visible-icons) .soc-ico { -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2) } .album-share-overlay .soc-ico:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { position: absolute; left: 50%; margin-left: -5px; bottom: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content: "" } .project-share-overlay:not(.allways-visible-icons) .soc-ico:before { margin-left: -6px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, .1) } .album-share-overlay .soc-ico a, .project-share-overlay:not(.allways-visible-icons) .soc-ico a { display: none; width: 100%; margin: 5px auto; background: 0 0!important } .project-share-overlay:not(.allways-visible-icons) { padding-right: 11px } .project-share-overlay:not(.allways-visible-icons) .soc-ico a { float: none; width: 24px; margin: 7px 3px 0 } .album-share-overlay .soc-ico a:after, .album-share-overlay .soc-ico a:before, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:before { display: none } .album-share-overlay .soc-ico a:hover, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover { background: 0 0!important; opacity: .6 } #page .album-share-overlay .soc-ico a, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a { background: 0 0; box-shadow: none } #page .album-share-overlay .soc-ico a .icon, #page .album-share-overlay .soc-ico a:hover .icon, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .icon, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .icon { fill: #000 } .project-navigation span { float: left; padding: 0 5px } /*!Thumbnails*/ .photo-scroller .scroller-thumbnails .ts-cell { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 3px solid transparent; border-right: 2px solid transparent } .photo-scroller .scroller-thumbnails .ts-thumb-img { position: absolute; overflow: hidden; width: 100%; height: 100% } .photo-scroller .scroller-thumbnails .ts-cell:not(.act) .ts-thumb-img:hover { cursor: pointer } .photo-scroller .scroller-thumbnails .ts-thumb-img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; background-color: #000; background-color: rgba(0, 0, 0, .5) } .photo-scroller .scroller-thumbnails .act .ts-thumb-img:after, .photo-scroller .scroller-thumbnails .ts-thumb-img:hover:after { opacity: 1 } .photo-scroller .scroller-thumbnails .act .ts-thumb-img:after { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M11,1C5.477,1,1,5.477,1,11c0,5.522,4.477,10,10,10c5.523,0,10-4.478,10-10C21,5.477,16.523,1,11,1z%20M9.299,16.387L4.574,11.66l2.012-2.012l2.713,2.714l6.263-6.263l2.013,2.011L9.299,16.387z%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center } .photo-scroller.proportional-thumbs .scroller-thumbnails .ts-cell .ts-thumb-img>img { width: auto; height: 100%; max-width: 100%; max-height: 100% } .photoSlider .video-icon { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; background-color: #000; background-color: rgba(0, 0, 0, .4); background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2050%2050%22%20enable-background=%22new%200%200%2050%2050%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M39.448,6.801h-29c-4.125,0-7.5,3.376-7.5,7.5V35.3c0,4.126,3.375,7.501,7.5,7.501h29c4.125,0,7.5-3.375,7.5-7.501V14.301C46.948,10.177,43.573,6.801,39.448,6.801z%20M43.366,34.767c0,1.216-0.49,2.366-1.378,3.236%09c-0.889,0.87-2.067,1.349-3.313,1.349H11.222c-1.246,0-2.421-0.479-3.312-1.349c-0.887-0.872-1.377-2.021-1.377-3.236V14.836c0-1.215,0.491-2.367,1.377-3.235c0.891-0.872,2.066-1.35,3.312-1.35h27.453c1.246,0,2.425,0.479,3.313,1.35c0.89,0.87,1.378,2.021,1.378,3.235V34.767z%20M18.886,33.809l16.125-9.008l-16.125-9.008V33.809z%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center } .photo-scroller .ps-link { opacity: 0; background-color: rgba(0, 0, 0, .4) } .ps-center-btn { position: absolute; left: 50%; top: 50%; width: 91px; height: 91px; margin: -45px 0 0 -45px } .ps-center-btn.BtnCenterer { width: 200px; margin: -45px 0 0 -100px } .photoSlider .ps-center-btn.BtnCenterer .ps-link, .photoSlider .ps-center-btn.BtnCenterer .video-icon { position: relative; top: 0; left: 0; display: inline-block; margin: 0 5px } #page .photo-scroller .act .ps-link:hover, #page .photo-scroller .photoSlider .video-icon:hover { opacity: .7!important } /*!Navigation*/ .btn-cntr a, .project-navigation a { float: left; width: 36px; height: 36px; margin: 0 0 5px 5px; background-position: center center; background-repeat: no-repeat } .project-navigation a { width: 12px; height: 12px; padding: 5px; margin: 0 } .no-touch .album-content-btn a:hover, .no-touch .btn-cntr a:hover, .no-touch .project-navigation a:hover { opacity: .7 } .slider-post-caption .album-content-btn a:hover { opacity: 1 } /*!Navigation svg bg*/ .full-screen-btn { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Ccircle%20cx=%2211.042%22%20cy=%2211.042%22%20r=%222%22/%3E%3Cpolygon%20points=%2221,1%2019.011,1%2014,1%2014,3%2019.011,3%2019.011,8%2021.011,8%2021.011,1%20%22/%3E%3Cpolygon%20points=%223,14%201,14%201,19.034%201,21%201,21.034%208,21.034%208,19.034%203,19.034%20%22/%3E%3C/svg%3E) } .full-screen-btn.act { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Ccircle%20cx=%2211.042%22%20cy=%2211.042%22%20r=%222%22/%3E%3Cpolygon%20points=%2217.011,5%2017.011,0%2015.011,0%2015.011,5%2015,5%2015,7%2015.011,7%2017.011,7%2022,7%2022,5%20%22/%3E%3Cpolygon%20points=%220,15%200,17%205,17%205,22%207,22%207,17%207,15%205,15%20%22/%3E%3C/svg%3E) } .auto-play-btn { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22none%22%20d=%22M11,1.7c-5.128,0-9.3,4.172-9.3,9.3s4.171,9.3,9.3,9.3c5.128,0,9.3-4.172,9.3-9.3S16.128,1.7,11,1.7z%20M8,15V7l7.938,3.896L8,15z%22/%3E%3Cpath%20d=%22M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z%20M11,20.3c-5.129,0-9.3-4.172-9.3-9.3S5.872,1.7,11,1.7s9.3,4.172,9.3,9.3S16.128,20.3,11,20.3z%22/%3E%3Cpolygon%20points=%228,15%2015.938,10.896%208,7%20%22/%3E%3C/svg%3E) } .auto-play-btn.paused { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M11,0C4.926,0,0,4.926,0,11c0,6.077,4.926,11,11,11c6.075,0,11-4.923,11-11C21.999,4.926,17.075,0,11,0z%20M11,20.3c-5.129,0-9.3-4.172-9.3-9.3c0-5.127,4.172-9.3,9.3-9.3c5.128,0,9.3,4.173,9.3,9.3C20.3,16.128,16.128,20.3,11,20.3z%22/%3E%3Crect%20x=%228%22%20y=%227%22%20width=%222%22%20height=%228%22/%3E%3Crect%20x=%2212%22%20y=%227%22%20width=%222%22%20height=%228%22/%3E%3C/svg%3E) } .hide-thumb-btn { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Ccircle%20cx=%2211.042%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218.041%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%224.041%22%20cy=%2219%22%20r=%222%22/%3E%3Cpolygon%20points=%2211.004,5.45%207.469,1.913%206.055,3.327%209.59,6.864%209.582,6.873%2010.996,8.286%2011.398,7.884%2012.418,6.865%2012.417,6.865%2015.945,3.336%2014.531,1.922%20%22/%3E%3C/svg%3E) } .hide-thumb-btn.act { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2222px%22%20height=%2222px%22%20viewBox=%220%200%2022%2022%22%20enable-background=%22new%200%200%2022%2022%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Ccircle%20cx=%2211.042%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218.041%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%224.041%22%20cy=%2219%22%20r=%222%22/%3E%3Cpolygon%20points=%2212.418,3.136%2011.003,1.723%2010.995,1.714%209.581,3.128%209.589,3.136%206.055,6.673%207.47,8.086%2011.003,4.551%2014.531,8.078%2015.945,6.664%2012.417,3.136%20%22/%3E%3C/svg%3E) } .project-navigation .prev-post { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2212px%22%20height=%2212px%22%20viewBox=%220%200%2012%2012%22%20enable-background=%22new%200%200%2012%2012%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22white%22%20points=%228.088,9.529%204.551,5.997%208.078,2.47%206.664,1.055%201.713,6.005%203.128,7.42%203.134,7.414%206.672,10.946%20%22/%3E%3C/svg%3E) } .project-navigation .next-post { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2212px%22%20height=%2212px%22%20viewBox=%220%200%2012%2012%22%20enable-background=%22new%200%200%2012%2012%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22white%22%20points=%2210.286,6.006%2010.279,5.999%2010.279,5.999%208.865,4.583%208.864,4.584%205.335,1.055%203.921,2.47%207.449,5.998%203.913,9.529%205.326,10.943%208.863,7.412%208.871,7.42%20%22/%3E%3C/svg%3E); margin-right: -3px } .project-navigation .back-to-list, .project-navigation .back-to-list:hover { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2212px%22%20height=%2212px%22%20viewBox=%220%200%2012%2012%22%20enable-background=%22new%200%200%2012%2012%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M3,1C1.896,1,1,1.896,1,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,1.896,4.104,1,3,1z%22/%3E%3Cpath%20d=%22M3,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C5,8.896,4.104,8,3,8z%22/%3E%3Cpath%20d=%22M10,1C8.896,1,8,1.896,8,3c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,1.896,11.104,1,10,1z%22/%3E%3Cpath%20d=%22M10,8c-1.104,0-2,0.896-2,2c0,1.105,0.896,2,2,2c1.104,0,2-0.895,2-2C12,8.896,11.104,8,10,8z%22/%3E%3C/svg%3E) } .scroller-arrow { position: absolute; z-index: 99; top: 50%; margin-top: -20px; width: 50px; height: 50px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .scroller-arrow.prev { left: 10px } .scroller-arrow.next { right: 10px } .scroller-arrow i { position: absolute; top: 40%; left: 0; width: 38px; height: 3px; border-radius: 2.5px; background: #fff; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; transition: all .15s ease; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3) } .scroller-arrow.next i { left: auto; right: 0 } .scroller-arrow.prev i { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50% } .scroller-arrow.prev i:first-child { -webkit-transform: translate(0, -1px) rotate(43deg); -moz-transform: translate(0, -1px) rotate(43deg); -ms-transform: translate(0, -1px) rotate(43deg); transform: translate(0, -1px) rotate(43deg) } .scroller-arrow.next i:first-child, .scroller-arrow.prev i:last-child { -webkit-transform: translate(0, 1px) rotate(-43deg); -moz-transform: translate(0, 1px) rotate(-43deg); -ms-transform: translate(0, 1px) rotate(-43deg); transform: translate(0, 1px) rotate(-43deg) } .scroller-arrow.prev:hover i:first-child { -webkit-transform: translate(0, -1px) rotate(33deg); -moz-transform: translate(0, -1px) rotate(33deg); -ms-transform: translate(0, -1px) rotate(33deg); transform: translate(0, -1px) rotate(33deg) } .scroller-arrow.prev:hover i:last-child { -webkit-transform: translate(0, 1px) rotate(-33deg); -moz-transform: translate(0, 1px) rotate(-33deg); -ms-transform: translate(0, 1px) rotate(-33deg); transform: translate(0, 1px) rotate(-33deg) } .scroller-arrow.prev.disabled i:first-child, .scroller-arrow.prev.disabled i:last-child, .scroller-arrow.prev.disabled:hover i:first-child, .scroller-arrow.prev.disabled:hover i:last-child { -webkit-transform: translate(-5px, 0) rotate(0deg); -moz-transform: translate(-5px, 0) rotate(0deg); -ms-transform: translate(-5px, 0) rotate(0deg); transform: translate(-5px, 0) rotate(0deg) } .scroller-arrow.next i { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50% } .scroller-arrow.next i:first-child { -webkit-transform: translate(0, 1px) rotate(43deg); -moz-transform: translate(0, 1px) rotate(43deg); -ms-transform: translate(0, 1px) rotate(43deg); transform: translate(0, 1px) rotate(43deg) } .scroller-arrow.next i:last-child { -webkit-transform: translate(0, -1px) rotate(-43deg); -moz-transform: translate(0, -1px) rotate(-43deg); -ms-transform: translate(0, -1px) rotate(-43deg); transform: translate(0, -1px) rotate(-43deg) } .scroller-arrow.next:hover i:first-child { -webkit-transform: translate(0, 1px) rotate(33deg); -moz-transform: translate(0, 1px) rotate(33deg); -ms-transform: translate(0, 1px) rotate(33deg); transform: translate(0, 1px) rotate(33deg) } .scroller-arrow.next:hover i:last-child { -webkit-transform: translate(0, -1px) rotate(-33deg); -moz-transform: translate(0, -1px) rotate(-33deg); -ms-transform: translate(0, -1px) rotate(-33deg); transform: translate(0, -1px) rotate(-33deg) } .scroller-arrow.next.disabled i:first-child, .scroller-arrow.next.disabled i:last-child, .scroller-arrow.next.disabled:hover i:first-child, .scroller-arrow.next.disabled:hover i:last-child { -webkit-transform: translate(5px, 0) rotate(0deg); -moz-transform: translate(5px, 0) rotate(0deg); -ms-transform: translate(5px, 0) rotate(0deg); transform: translate(5px, 0) rotate(0deg) } .scroller-arrow.disabled { opacity: .3; cursor: default } .blog.layout-grid .wf-container.description-under-image .wf-cell, .grid-masonry .wf-cell, .iso-grid .wf-cell, .iso-item, .shortcode-blog-posts .wf-cell { opacity: 0 } .no-cssanimations #main .jg-container .wf-cell, .no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell, .no-cssanimations .grid-masonry .wf-cell, .no-cssanimations .iso-grid .wf-cell, .no-cssanimations .iso-item, .no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell { opacity: 1 } .iso-item { width: 100% } .slider-masonry { width: 100%!important } .dt-isotope .wf-cell.animate-position { -webkit-transition: top .65s ease-out, left .65s ease-out; -moz-transition: top .65s ease-out, left .65s ease-out; -o-transition: top .65s ease-out, left .65s ease-out; transition: top .65s ease-out, left .65s ease-out } .blog.layout-grid .wf-container.dt-isotope.loading-effect-none .wf-cell.shown:not(.isotope-hidden), .dt-isotope.loading-effect-none .wf-cell.shown:not(.isotope-hidden), .loading-effect-none .wf-cell.shown:not(.isotope-hidden), .mobile-true .blog.layout-grid .wf-container.dt-isotope .wf-cell.shown:not(.isotope-hidden), .mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden), .mobile-true .wf-cell.shown:not(.isotope-hidden) { -webkit-animation: dt_fadeIn .4s ease forwards; -moz-animation: dt_fadeIn .4s ease forwards; animation: dt_fadeIn .4s ease forwards } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fade-in .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-fade-in .wf-cell.start-animation, .mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fade-in .wf-cell.start-animation { -webkit-animation: dt_fadeIn .7s ease forwards; -moz-animation: dt_fadeIn .7s ease forwards; animation: dt_fadeIn .7s ease forwards } @-webkit-keyframes dt_fadeIn { to { opacity: 1 } } @-moz-keyframes dt_fadeIn { to { opacity: 1 } } @keyframes dt_fadeIn { to { opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-move-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-move-up .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-move-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-move-up .wf-cell.start-animation, .mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-move-up .wf-cell.start-animation { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: dt_moveUp .55s ease-in-out forwards; -moz-animation: dt_moveUp .55s ease-in-out forwards; animation: dt_moveUp .55s ease-in-out forwards } @-webkit-keyframes dt_moveUp { to { -webkit-transform: translateY(0); opacity: 1 } } @-moz-keyframes dt_moveUp { to { -moz-transform: translateY(0); opacity: 1 } } @keyframes dt_moveUp { to { transform: translateY(0); opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-scale-up .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-scale-up .wf-cell.start-animation, .mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden):not(.isotope-hidden), .mobile-false .loading-effect-scale-up .wf-cell.start-animation { -webkit-transform: scale(.6); -moz-transform: scale(.6); transform: scale(.6); -webkit-animation: dt_scaleUp .57s ease-in-out forwards; -moz-animation: dt_scaleUp .57s ease-in-out forwards; animation: dt_scaleUp .57s ease-in-out forwards } @-webkit-keyframes dt_scaleUp { to { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes dt_scaleUp { to { -moz-transform: scale(1); opacity: 1 } } @keyframes dt_scaleUp { to { transform: scale(1); opacity: 1 } } .mobile-false .loading-effect-fall-perspective, .mobile-false .loading-effect-flip, .mobile-false .loading-effect-helix, .mobile-false .loading-effect-scale { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px } .mobile-false .loading-effect-fall-perspective { -webkit-backface-visibility: hidden } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fall-perspective .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-fall-perspective .wf-cell.start-animation, .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fall-perspective .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg); -moz-transform: translateZ(400px) translateY(300px) rotateX(-65deg); transform: translateZ(400px) translateY(300px) rotateX(-65deg); -webkit-animation: dt_fallPerspective .75s ease-in-out forwards; -moz-animation: dt_fallPerspective .75s ease-in-out forwards; animation: dt_fallPerspective .75s ease-in-out forwards } @-webkit-keyframes dt_fallPerspective { 100% { -webkit-transform: translateZ(0) translateY(0) rotateX(0deg); opacity: 1 } } @-moz-keyframes dt_fallPerspective { 100% { -moz-transform: translateZ(0) translateY(0) rotateX(0deg); opacity: 1 } } @keyframes dt_fallPerspective { 100% { transform: translateZ(0) translateY(0) rotateX(0deg); opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fly .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-fly .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-fly .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-fly .wf-cell.start-animation, .mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fly .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; -moz-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: dt_fly .7s ease-in-out forwards; -moz-animation: dt_fly .7s ease-in-out forwards; animation: dt_fly .7s ease-in-out forwards } @-webkit-keyframes dt_fly { 100% { -webkit-transform: rotateX(0deg); opacity: 1 } } @-moz-keyframes dt_fly { 100% { -moz-transform: rotateX(0deg); opacity: 1 } } @keyframes dt_fly { 100% { transform: rotateX(0deg); opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-flip .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-flip .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-flip .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-flip .wf-cell.start-animation, .mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-flip .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: dt_flip .7s ease-in-out forwards; -moz-animation: dt_flip .7s ease-in-out forwards; animation: dt_flip .7s ease-in-out forwards } @-webkit-keyframes dt_flip { 100% { -webkit-transform: rotateX(0deg); opacity: 1 } } @-moz-keyframes dt_flip { 100% { -moz-transform: rotateX(0deg); opacity: 1 } } @keyframes dt_flip { 100% { transform: rotateX(0deg); opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-helix .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-helix .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-helix .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-helix .wf-cell.start-animation, .mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-helix .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: dt_helix .7s ease-in-out forwards; -moz-animation: dt_helix .7s ease-in-out forwards; animation: dt_helix .7s ease-in-out forwards } @-webkit-keyframes dt_helix { 100% { -webkit-transform: rotateY(0deg); opacity: 1 } } @-moz-keyframes dt_helix { 100% { -moz-transform: rotateY(0deg); opacity: 1 } } @keyframes dt_helix { 100% { transform: rotateY(0deg); opacity: 1 } } .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-scale .wf-cell.shown:not(.isotope-hidden), .mobile-false .blog.layout-grid .wf-container.dt-isotope.loading-effect-scale .wf-cell.start-animation, .mobile-false .dt-isotope.loading-effect-scale .wf-cell.shown:not(.isotope-hidden), .mobile-false .dt-isotope.loading-effect-scale .wf-cell.start-animation, .mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-scale .wf-cell.start-animation { -webkit-transform-style: preserve-3d; -webkit-transform: scale(.4); -moz-transform: scale(.4); transform: scale(.4); -webkit-animation: dt_popUp .9s ease-in forwards; -moz-animation: dt_popUp .9s ease-in forwards; animation: dt_popUp .9s ease-in forwards } @-webkit-keyframes dt_popUp { 70% { -webkit-transform: scale(1.05); opacity: .8; -webkit-animation-timing-function: ease-in-out } 100% { -webkit-transform: scale(1); opacity: 1 } } @-moz-keyframes dt_popUp { 70% { -moz-transform: scale(1.05); opacity: .8; -moz-animation-timing-function: ease-in-out } 100% { -moz-transform: scale(1); opacity: 1 } } @keyframes dt_popUp { 70% { transform: scale(1.05); opacity: .8; animation-timing-function: ease-in-out } 100% { transform: scale(1); opacity: 1 } } .dt-isotope .wf-cell.no-transition, .dt-isotope.no-transition, .dt-isotope.no-transition .wf-cell { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr } .royalSlider>* { float: left } .rsWebkit3d .rsSlide, .rsWebkit3d.slider-content .rsContainer, .rsWebkit3d.slider-content .rsOverflow { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .rsFade.rsWebkit3d .rsContainer, .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img { -webkit-transform: none } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0 } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent } .rsArrow, .rsThumbsArrow { cursor: pointer } .rsThumb { float: left; position: relative } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .3s, opacity .3s linear; -moz-transition: visibility 0s linear .3s, opacity .3s linear; -o-transition: visibility 0s linear .3s, opacity .3s linear; transition: visibility 0s linear .3s, opacity .3s linear } .rsGCaption { width: 100%; float: left; text-align: center } .royalSlider.rsFullscreen { position: fixed!important; height: auto!important; width: auto!important; margin: 0!important; padding: 0!important; z-index: 2147483647!important; top: 0!important; left: 0!important; bottom: 0!important; right: 0!important } .royalSlider .rsSlide.rsFakePreloader { opacity: 1!important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100% } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto } .rsContent { width: 100%; height: 100%; position: relative } .rsPreloader { position: absolute; z-index: 0 } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, .25) } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left } .rsTabs { float: left; background: 0 0!important } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative } .rsVideoFrameHolder { position: absolute; z-index: 100; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s } .rsVideoFrameHolder.rsVideoActive { opacity: 1 } .rsVideoContainer .rsVideoObj, .rsVideoContainer embed, .rsVideoContainer iframe, .rsVideoContainer video { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100% } .rsVideoContainer.rsIOSVideo embed, .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video { padding-right: 44px } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; -webkit-backface-visibility: hidden } .grab-cursor { cursor: url(../royalslider/grab.png) 8 8, move } .grabbing-cursor { cursor: url(../royalslider/grabbing.png) 8 8, move } .rsNoDrag { cursor: auto } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.gif); -webkit-backface-visibility: hidden } .fixed .rsHomePorthole { background: rgba(34, 34, 34, .3) } .rsHomePorthole { background: #262626 } #main-slideshow-content { display: none } #main-slideshow #main-slideshow-content { display: block } #main-slideshow { overflow: hidden } #main-slideshow>ul>li { display: none } .rsThumbs { z-index: 1!important } .rsHomePorthole .rsThumb { float: none; margin: 0 auto } .rsHomePorthole .rsThumbsHor { width: 100%; height: auto } .rsHomePorthole .rsThumbsVer { position: absolute; width: 98px; height: 370px; top: 50%; margin-top: -185px; right: 25px } .rsHomePorthole.rsWithThumbsHor .rsThumbsContainer { position: relative } .rsHomePorthole.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; padding-top: 120px } .rsHomePorthole .rsThumb { overflow: hidden; width: 30px; height: 30px; opacity: 0; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .05); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .05); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, .05); -o-box-shadow: 0 0 3px rgba(0, 0, 0, .05); box-shadow: 0 0 3px rgba(0, 0, 0, .05) } .no-touch .rsHomePorthole .rsThumb { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .no-touch .rsHomePorthole .rsThumb:first-child { -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease } .rsHomePorthole .rsThumb img { width: 100%; height: 100%; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px } .rsHomePorthole .rsThumb.rsNavVis { opacity: .5 } .rsHomePorthole .rsThumb.rsNavNext, .rsHomePorthole .rsThumb.rsNavPrev { width: 50px; height: 50px; opacity: .8 } .rsHomePorthole .rsThumb.rsNavSelected { width: 90px; height: 90px; opacity: 1 } .rsHomePorthole .rsTmb { display: block } .rsHomePorthole .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF } .rsHomePorthole .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px } .rsHomePorthole .rsVideoContainer { position: absolute } .rsHomePorthole .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, .3); width: 90px; height: 90px; margin-left: -45px; margin-top: -45px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s } .rsHomePorthole .rsPlayBtnIcon { display: block; width: 90px; height: 90px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2050%2050%22%20enable-background=%22new%200%200%2050%2050%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M39.448,6.801h-29c-4.125,0-7.5,3.376-7.5,7.5V35.3c0,4.126,3.375,7.501,7.5,7.501h29c4.125,0,7.5-3.375,7.5-7.501V14.301C46.948,10.177,43.573,6.801,39.448,6.801z%20M43.366,34.767c0,1.216-0.49,2.366-1.378,3.236%09c-0.889,0.87-2.067,1.349-3.313,1.349H11.222c-1.246,0-2.421-0.479-3.312-1.349c-0.887-0.872-1.377-2.021-1.377-3.236V14.836c0-1.215,0.491-2.367,1.377-3.235c0.891-0.872,2.066-1.35,3.312-1.35h27.453c1.246,0,2.425,0.479,3.313,1.35c0.89,0.87,1.378,2.021,1.378,3.235V34.767z%20M18.886,33.809l16.125-9.008l-16.125-9.008V33.809z%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center } .rsHomePorthole .rsPlayBtn { background-color: #000; background-color: rgba(0, 0, 0, .6); -webkit-border-radius: 120px; border-radius: 120px } .rsHomePorthole .rsPlayBtn:hover { background-color: rgba(0, 0, 0, .8) } .rsHomePorthole .rsBtnCenterer { position: absolute; left: 50%; top: 50% } .rsHomePorthole .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .rsHomePorthole .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px } .rsHomePorthole .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%09%20width=%22512px%22%20height=%22512px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22white%22%20points=%22438.393,374.595%20319.757,255.977%20438.378,137.348%20374.595,73.607%20255.995,192.225%20137.375,73.622%20%0973.607,137.352%20192.246,255.983%2073.622,374.625%20137.352,438.393%20256.002,319.734%20374.652,438.378%20%22/%3E%3C/svg%3E) center center no-repeat; background-size: 26px 26px; background-color: rgba(0, 0, 0, .75) } .rsHomePorthole .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, .9); opacity: 1 } .hide-thumbnails .rsHomePorthole .progress-wrapper, .hide-thumbnails .rsHomePorthole .rsThumb { display: none!important } .rsHomePorthole .rsPreloader { width: 60px; height: 60px; padding: 5px; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px } .rsHomePorthole .rsCapt { position: absolute; top: auto; bottom: 45px; text-align: center; width: 100%; padding: 0 140px; z-index: auto } .overlap .rsHomePorthole .rsCapt { bottom: 115px } .rsHomePorthole .rsTitle { position: relative; display: inline-block; margin-right: 15px; color: #fff; vertical-align: middle; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5) } .rsHomePorthole .rsDesc { display: block; margin: 10px auto 0; color: #fff; vertical-align: middle; -webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -ms-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); -o-text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5); text-shadow: 1px 1px 0 rgba(0, 0, 0, .1), 0 0 15px rgba(0, 0, 0, .5) } .ps-link, .rsHomePorthole .rsCLink { position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -45px; width: 90px; height: 90px; background-color: rgba(0, 0, 0, .6); background-repeat: no-repeat; background-position: center center; border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2235px%22%20height=%2235px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M11.797,3.106c0.552,0.553,0.552,1.453,0,2.004l-5.07,5.074c0.945,0.249,1.991,0.016,2.73-0.725l3.344-3.345c1.109-1.108,1.109-2.904,0-4.012L12.049,1.35c-1.109-1.107-2.904-1.107-4.012,0L4.692,4.693C3.952,5.433,3.719,6.479,3.97,7.424l5.071-5.071c0.553-0.553,1.452-0.553,2.005,0L11.797,3.106z%20M11.307,11.309c0.741-0.742,0.974-1.789,0.724-2.733l-5.069,5.073c-0.554,0.553-1.453,0.553-2.004,0l-0.754-0.753%09c-0.553-0.552-0.553-1.452,0-2.008l5.072-5.069c-0.946-0.25-1.992-0.017-2.731,0.724L3.198,9.884c-1.107,1.109-1.107,2.904,0,4.013l0.752,0.753c1.108,1.108,2.904,1.108,4.012,0L11.307,11.309z%22/%3E%3C/svg%3E) } .rsHomePorthole .rsCLink:hover { background-color: rgba(0, 0, 0, .8) } .rsHomePorthole .rsBtnCenterer.with-link { margin: -45px 0 0 -100px } .rsHomePorthole .with-link .rsCLink, .rsHomePorthole .with-link .rsPlayBtn { position: relative; top: 0; left: 0; display: inline-block; margin: 0 5px } .rsHomePorthole .progress-wrapper { position: absolute; z-index: 999; top: 50%; left: 0; margin-top: -49px; width: 98px; height: 98px; -webkit-transition: opacity 150ms ease; -moz-transition: opacity 150ms ease; -ms-transition: opacity 150ms ease; -o-transition: opacity 150ms ease; transition: opacity 150ms ease } .rsHomePorthole .progress-wrapper.blurred { opacity: 0 } .rsHomePorthole .progress-controls { position: absolute; top: 4px; left: 4px; width: 90px; height: 90px; opacity: .5; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px; background-color: rgba(0, 0, 0, .3); background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%09%20width=%2230px%22%20height=%2230px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M217.679,462h-120V50h120V462z%20M414.321,50h-120v412h120V50z%22/%3E%3C/svg%3E); background-size: 30px 30px; background-repeat: no-repeat; background-position: center center; -webkit-transition: opacity 150ms ease; -moz-transition: opacity 150ms ease; -ms-transition: opacity 150ms ease; -o-transition: opacity 150ms ease; transition: opacity 150ms ease } .touch .rsHomePorthole .progress-controls { background-color: transparent } .rsHomePorthole .progress-controls:hover { opacity: 1 } .rsHomePorthole .paused .progress-controls { background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2232px%22%20height=%2232px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%09%3Cpolygon%20fill=%22white%22%20points=%22418.999,256.001%20121.001,462%20121.001,50%20%22/%3E%3C/svg%3E); background-size: 32px 32px; background-position: 31px center } .rsHomePorthole .progress-mask { position: relative; float: left; width: 50%; height: 100%; overflow: hidden } .rsHomePorthole .progress-spinner-left, .rsHomePorthole .progress-spinner-right { width: 100%; height: 100%; border: 4px solid transparent; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: 1; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1 } .rsHomePorthole .progress-spinner-left.paused, .rsHomePorthole .progress-spinner-right.paused { animation-play-state: paused; -webkit-animation-play-state: paused } .rsHomePorthole .progress-spinner-left { border-radius: 100% 0 0 100%/50% 0 0 50%; border-right: none; transform-origin: 100% 50%; transform: rotate(180deg); animation-name: rota-left; -webkit-transform-origin: 100% 50%; -webkit-transform: rotate(180deg); -webkit-animation-name: rota-left } .rsHomePorthole .progress-spinner-right { border-radius: 0 100% 100% 0/0 50% 50% 0; border-left: none; transform-origin: 0 50%; transform: rotate(-180deg); animation-name: rota-right; -webkit-transform-origin: 0 50%; -webkit-transform: rotate(-180deg); -webkit-animation-name: rota-right } @keyframes rota-left { 0%, 50% { transform: rotate(180deg) } 100% { transform: rotate(360deg) } } @keyframes rota-right { 0% { transform: rotate(180deg) } 100%, 50% { transform: rotate(360deg) } } @-webkit-keyframes rota-left { 0%, 50% { -webkit-transform: rotate(180deg) } 100% { -webkit-transform: rotate(360deg) } } @-webkit-keyframes rota-right { 0% { -webkit-transform: rotate(180deg) } 100%, 50% { -webkit-transform: rotate(360deg) } } .rsShor, .rsShor .rsOverflow, .rsShor .rsSlide, .rsShor .rsThumbs, .rsShor .rsVideoFrameHolder { background: #262626 } .rsShor .rsArrow { height: 20px; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 100 } .style-material-design .rsShor .rsArrow, .style-material-design .rsShor .rsArrowIcn, .style-material-design .rsShor .rsArrowIcn:before { width: 30px; height: 30px } .rsShor.rsVer .rsArrow { width: 100%; height: 44px } .rsShor.rsVer .rsArrowLeft { top: 0; left: 0 } .rsShor.rsVer .rsArrowRight { bottom: 0; left: 0 } .rsShor.rsHor .rsArrowLeft { right: 43px; bottom: 15px } .rsShor.rsHor .rsArrowRight { right: 19px; bottom: 15px } .style-material-design .rsShor.rsHor .rsArrowLeft { right: 48px } .rsShor .rsArrowIcn { position: absolute; width: 13px; height: 18px; top: 0; left: 6px; cursor: pointer } .style-material-design .rsShor .rsArrowIcn { left: 0 } .rsShor .rsArrowRight .rsArrowIcn { left: auto; right: 0 } .rsShor .rsArrowIcn:before { position: absolute; left: 0; top: 0; width: 19px; height: 19px; content: ""; background-position: 0 0; background-repeat: no-repeat; z-index: 9 } .style-material-design .rsShor .rsArrowIcn:before { background-position: center center } .rsShor .rsBullets { position: absolute; z-index: 35; left: 17px; bottom: 14px; width: 100%; height: auto; margin: 0; text-align: left } .rsShor .rsBullet { display: inline-block } .rsShor .rsBullet span { display: block } .rsShor .slider-post-caption { position: absolute; left: 0; top: auto; bottom: 0; width: 100% } .rsShor .slider-post-caption p { margin-bottom: 5px } .rsShor .slider-post-inner { display: inline-block; padding: 5px 20px 35px; margin: 0 } .content .icons-bg .benefits-grid-ico>.fa, .images-list-inner, .images-list-inner *, .photo-scroller .slide-caption *, .project-navigation *, .rsShor .slider-post-inner *, .share-overlay *, .tooltip-title.text-big, .vc_progress_bar .vc_label { color: #fff } .rsContW .rsBullets { position: absolute; top: 100%; overflow: hidden; width: 100%; height: auto; text-align: center } .logo-items .rsOverflow { margin-bottom: 10px } .rsContW .rsBullet { display: inline-block; margin: 0 1px; width: 9px; height: 9px } .rsBullet:hover { cursor: pointer } .rsCont, .rsContW { position: relative } .rsCont .rsBullets { position: absolute; top: 100%; margin-top: 35px; width: 100%; text-align: center } .team-items .rsCont .rsBullets { margin: 0 0 -13px; padding-top: 3px } .rsCont .rsBullet { display: inline-block; margin: 0 1px; width: 9px; height: 9px } .rsCont .rsBullet:hover { cursor: pointer } .rsSlide .rollover-video i { display: none } .rsShor .rsBtnCenterer .rsPlayBtn { position: relative; z-index: 99; -webkit-tap-highlight-color: rgba(0, 0, 0, .3); width: 88px; height: 76px; left: 50%; top: 50%; margin-left: -44px; margin-top: -38px; cursor: pointer } .rsShor .rsPlayBtnIcon { display: block; width: 88px; height: 76px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background-color: rgba(11, 15, 16, .5); background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2250px%22%20height=%2250px%22%20viewBox=%220%200%2050%2050%22%20enable-background=%22new%200%200%2050%2050%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M39.448,6.801h-29c-4.125,0-7.5,3.376-7.5,7.5V35.3c0,4.126,3.375,7.501,7.5,7.501h29c4.125,0,7.5-3.375,7.5-7.501V14.301C46.948,10.177,43.573,6.801,39.448,6.801z%20M43.366,34.767c0,1.216-0.49,2.366-1.378,3.236%09c-0.889,0.87-2.067,1.349-3.313,1.349H11.222c-1.246,0-2.421-0.479-3.312-1.349c-0.887-0.872-1.377-2.021-1.377-3.236V14.836c0-1.215,0.491-2.367,1.377-3.235c0.891-0.872,2.066-1.35,3.312-1.35h27.453c1.246,0,2.425,0.479,3.313,1.35c0.89,0.87,1.378,2.021,1.378,3.235V34.767z%20M18.886,33.809l16.125-9.008l-16.125-9.008V33.809z%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: center center } .rsShor .rsPlayBtnIcon:hover { background-color: rgba(11, 15, 16, .8) } .rsShor .rsBtnCenterer { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .rsShor .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) } .rsShor .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px } .rsShor .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%09%20width=%22512px%22%20height=%22512px%22%20viewBox=%220%200%20512%20512%22%20enable-background=%22new%200%200%20512%20512%22%20xml:space=%22preserve%22%3E%3Cpolygon%20fill=%22white%22%20points=%22438.393,374.595%20319.757,255.977%20438.378,137.348%20374.595,73.607%20255.995,192.225%20137.375,73.622%20%0973.607,137.352%20192.246,255.983%2073.622,374.625%20137.352,438.393%20256.002,319.734%20374.652,438.378%20%22/%3E%3C/svg%3E) center center no-repeat; background-size: 26px 26px; background-color: rgba(0, 0, 0, .75) } .rsShor .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, .9); opacity: 1 } .video-playing .rsShor .progress-wrapper, .video-playing .rsShor .rsThumb { display: none!important } .rsSlide .rollover-video i:after { background-image: none } .rsShor .rsPreloader { width: 30px; height: 30px; padding: 5px; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2); box-shadow: 0 0 4px rgba(0, 0, 0, .2) } #lang_sel, #lang_sel_click, #lang_sel_list { position: relative; z-index: 99; display: inline-block!important; -webkit-transition: background-color .2s; transition: background-color .2s } #lang_sel a, #lang_sel_click a { display: block; text-decoration: none; white-space: nowrap; padding: 5px 15px 5px 10px; min-width: 135px; text-align: left; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s } #lang_sel>ul>li:after, #lang_sel_click>ul>li:after { background-position: right center; background-repeat: no-repeat; content: ""; height: 8px; margin: -4px 10px 0 0; opacity: .3; position: absolute; top: 50%; right: 0; width: 8px } #lang_sel li, #lang_sel ul, #lang_sel_click li, #lang_sel_click ul, #lang_sel_list ul { padding: 0; margin: 0; list-style-type: none } #lang_sel li:before, #lang_sel_click li:before { content: '' } #lang_sel ul>li>ul, #lang_sel_click ul>li>ul { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: opacity .2s; transition: opacity .2s } #lang_sel:hover ul>li>ul, #lang_sel_click:hover ul>li>ul { opacity: 1; visibility: visible } .iclflag { margin-right: 5px } .wf-td #lang_sel, .wf-td #lang_sel_click, .wf-td #lang_sel_list { margin: 0 20px 0 0 } .right-block #lang_sel, .right-block #lang_sel_click, .right-block #lang_sel_list { margin: 0 0 0 20px } #lang_sel_footer a, #lang_sel_list, #lang_sel_list a { text-decoration: none; text-align: left } #lang_sel_footer a:hover, #lang_sel_list a:hover { opacity: .8 } #lang_sel_footer li, .lang_sel_list_horizontal li { display: inline-block; margin-right: 15px } #lang_sel_footer li:last-child, .lang_sel_list_horizontal li:last-child { margin-right: 0 } #lang_sel_footer { margin: 0; padding: 7px; text-align: center; min-height: 15px; clear: both; background-color: #fff; border: 1px solid #cdcdcd } #lang_sel_footer ul { list-style: none; margin: 0; padding: 0 } #lang_sel_footer ul li img { position: relative; top: 1px; width: 18px; height: 12px } #lang_sel_footer ul li { display: inline; margin: 0 1px 0 0; padding: 0; white-space: nowrap; line-height: 25px } #lang_sel_footer ul li a, #lang_sel_footer ul li a:visited { text-decoration: none; color: #363636; padding: 5px 10px } #wpml_credit_footer { width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 11px } #header .header-side-content { height: 100%!important } #header .header-side-content .mCSB_container { min-height: 100%!important; position: relative!important } #header .header-side-content .mCSB_scrollTools { top: 0 } #header .header-side-content .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; bottom: 10px } .is-iphone .kenburnimg img, .old-ie9 .kenburnimg img { transform: none!important } .search-no-results .submit:hover { cursor: default } @-webkit-keyframes mfp_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes mfp_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes mfp_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes mfp_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .no-touch:not(.old-ie9) .mfp-open .mfp-content { -webkit-animation-name: mfp_fadeIn; -moz-animation-name: mfp_fadeIn; -o-animation-name: mfp_fadeIn; animation-name: mfp_fadeIn; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden } body.mfp-zoom-out-cur { overflow: hidden } .no-touch:not(.old-ie9) .mfp-img-mobile .mfp-content { perspective: 2000px } .no-touch:not(.old-ie9) .mfp-img-mobile .mfp-figure, .no-touch:not(.old-ie9) .mfp-img-mobile .mfp-iframe { opacity: 0; transition: all .3s ease-in-out; transform: scale(.8) } .no-touch:not(.old-ie9) .mfp-img-mobile.mfp-bg { opacity: 0; transition: all .3s ease-out } .no-touch .mfp-img-mobile.mfp-ready .mfp-figure, .no-touch .mfp-img-mobile.mfp-ready .mfp-iframe { opacity: 1; transform: scale(1) } .no-touch .mfp-img-mobile.mfp-ready.mfp-bg { opacity: .8 } .no-touch:not(.old-ie9) .mfp-img-mobile.mfp-removing .mfp-figure, .no-touch:not(.old-ie9) .mfp-img-mobile.mfp-removing .mfp-iframe { transform: scale(.8); opacity: 0 } .no-touch:not(.old-ie9) .mfp-img-mobile.mfp-removing.mfp-bg { opacity: 0 } div .vc_box_rounded>img { border-radius: inherit } .stripe .icon_description *, .stripe .icon_list_icon *, .stripe .info-c-full-wrap, .stripe .info-c-full-wrap *, .stripe .info-circle-icons * { color: inherit } img.info-circle-img-icon { max-width: 100% } .smile_icon_list.left li .icon_list_connector { border-width: 0 } .esgbox-overlay.esgbox-overlay-fixed { z-index: 10000 } .benefits-grid a, .esg-grid a { text-decoration: none } .benefit-title a { display: inline-block } .stripe .aio-icon i, .stripe .ubtn *, .stripe .vc_color-alert-success.vc_message_box-solid * { color: inherit } .menu-btn { display: none } .wpb_single_image .vc_single_image-wrapper { display: block; line-height: 0 } .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon, .vc_message_box-icon>.fa { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .hover-scale .rollover-project:after { background-color: inherit; position: absolute; top: 0; left: 0; right: 0; opacity: 0; content: ""; border-radius: 50%; padding-bottom: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s; transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s } .hover-scale .ratio-2.rollover-project:after { top: -50% } .hover-scale .ratio_3-2.rollover-project:after { top: -25% } .hover-scale .ratio_4-3.rollover-project:after { top: -16.6666% } .hover-scale .ratio_2-3.rollover-project:after { top: 16.6666% } .hover-scale .ratio_3-4.rollover-project:after { top: 14.5% } .no-touch .hover-scale .rollover-project:hover:after { opacity: 1; -webkit-transform: scale(1.42); transform: scale(1.42) } .no-touch .hover-scale .ratio_3-2.rollover-project:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2) } .no-touch .hover-scale .ratio_4-3.rollover-project:hover:after { -webkit-transform: scale(1.5); transform: scale(1.5) } .no-touch .hover-scale .ratio_2-3.rollover-project:hover:after, .no-touch .hover-scale .ratio_3-4.rollover-project:hover:after { -webkit-transform: scale(2); transform: scale(2) } .no-touch .hover-scale .rollover-content { background: 0 0!important; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1), opacity .25s; transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity .25s } .no-touch .hover-scale .rollover-project:hover .rollover-content { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }